github使用hexo框架搭建个人博客

github使用hexo框架搭建个人博客

建议参考：hexo官网

安装

node环境

• node.js (Node.js 版本需不低于 10.13，建议使用 Node.js 12.0 及以上版本)

git环境

• Windows：下载并安装 git.

hexo博客框架

​ 安装之前由于国内镜像源的速度限制，所以我们先利用npm来安装一个淘宝的cnpm，

`npm install -g cnpm --registry=http://registry.npm.taobao.org`

，-g全局安装，–registry镜像源执向淘宝的镜像源；

​ 所有必备的应用程序安装完成后，即可使用 npm 安装 Hexo。

$ npm install -g hexo-cli

可以使用hexo -v来验证安装的hexo框架；

初始化文件

hexo init wonderful

更改配置文件_config.yml

​ 注：要在github上新建一个(用户名.github.io)的·仓库

​ 并可以尝试 ping wonderfulwzf.github.io

url: https://wonderfulwzf.github.io
deploy:
  type: git
  repo: https://github.com/wonderfulwzf/wonderfulwzf.github.io.git
  branch: master

启动博客并检测

hexo server

并访问：测试是否启动成功

新建博客

hexo new "我的第一篇博客" 

发不到github

安装git插件

cnpm install --save hexo-deployer-git

部署

hexo d

然后输入自己的github账号和密码，login；

就可以开心的访问https://wonderfulwzf.github.io/自己的博客了；

更换博客主题

个人喜欢yilia主题

git下载:

$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

把该主题配置到自己的博客的模板（themes）中，修改_config.yml配置文件，theme: yilia

然后查看效果并发布上去：

清理一下：hexo clean，

重新生成：hexo g，

重新server：hexo server；

发布：hexo d；

主题优化

头像，图标等等…

1. 在yilia的source下新建assets一个存放图片的文件夹;

2. 再修改yilia下的_config.yml配置文件

   root: /themes/yilia/source/
   # 微信二维码图片地址
   weixin: /assets/mychat.png
   favicon: /assets/my.png
   #你的头像url
   avatar: /assets/people.jpg
   

   然后重新生成并发布：

   ​ 重新生成：hexo g，

   ​ 重新server：hexo server；

   ​ 发布：hexo d；

效果图

日记

2020.9.8 又是混日子的一天，早上打了两把游戏，然后吃个早餐去图书馆学习JUC，中午午休之后学习了github使用hexo框架搭建个人博客，遇到很多坑，还好都解决了。仍然有许多问题，后续会改进~