Hexo+Github+yilia搭建个人博客
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 new page categories
hexo new page tags
然后在blog/source目录下,发现多出categories文件夹,打开index.md,增加type: “categories”,tags也是同样操作。之后在themes/yilia目录下更改_config.yml文件的对应部分。
注:yilia主题还需要额外更改.ejs和.css文件,可网上搜索yilia主题添加分类/标签的博客,照着操作。
这里提供两个相关链接:
https://blog.csdn.net/weixin_44330881/article/details/102825989
https://www.cnblogs.com/zzw1024/p/12051995.html -
引入字数统计/阅读时长/站点访问次数/评论/搜索引擎曝光
网上自行搜索,建议学习:
https://blog.diqigan.cn/posts/build-your-blog-with-github-and-hexo.html
https://segmentfault.com/a/1190000020260103?utm_source=tag-newest