美文网首页
Hexo+Github+yilia搭建个人博客

Hexo+Github+yilia搭建个人博客

作者: 寂夜晓风 | 来源:发表于2020-01-29 17:32 被阅读0次

    hexo环境搭建

    hexo基于Node.js,所以首先要安装Node.js
    安装好了会有两个组件,一个是Node.js本身,一个是npm包管理器。
    可在终端里用node -v,npm -v命令查看是否安装好。
    使用npm安装hexo: npm install hexo-cli -g
    用命令行创建blog目录: mkdir blog
    在blog目录下初始化hexo: sudo hexo init


    关联github

    登入github新建repo,repo名字必须和用户名一致即username.github.io。
    命令行npm install --save hexo-deployer-git
    打开blog目录下的_config.yml,设置deploy:

    type: git
    repo: 你的博客仓库地址 (此处使用ssh方式可以避免deploy的时候输入密码)
    branch: master
    

    命令行hexo d将本地blog推到github。


    blog更换主题

    以yilia为例,现将yilia的repo clone到blog/themes/yilia目录下
    git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
    然后更改blog目录下的_config.yml,将theme改成yilia


    yilia主题的相关配置

    在themes/yilia目录下也有一个_config.yml文件(注意和blog下的_config.yml区分开)

    • 文章截断
      在需要截断的地方加<!--more-->

    • 修改默认的md模版
      更改blog/scaffolds/post.md文件,如增加category:

    • 设置某一句的显示
      用html语法即可,如

    <font color="#XXXX"> 设置这一句的颜色 </font> 
    <font size=9> 设置这一句的大小 </font> 
    <font size=2 color="XXXX"> 设置这一句的颜色和大小</font> 
    <center>设置居中</center>
    

    相关文章

      网友评论

          本文标题:Hexo+Github+yilia搭建个人博客

          本文链接:https://www.haomeiwen.com/subject/jffbthtx.html