博客搭建

一、安装环境

1. 安装Node.js

2. 换源

   https://www.jianshu.com/p/4aaf929bfa71

   1）方法一：npm i -g cnpm –registry=https://registry.npm.taobao.org

   2）方法二：npm config set registry https://registry.npm.taobao.org

3. 安装hexo

   npm i -g hexo-cli

4. 在任意位置创建一个空目录来存放所有有关博客的东西

   ~/blog

5. 初始化博客

   hexo init

6. 启动博客

   hexo s

二、生成一篇博文

1. 生成一篇博文

   hexo new post <title>

2. 清理缓存

   hexo clean

3. 重新生成静态文件

   hexo g

4. 重新启动查看新建的博文（非必须）

   hexo s

三、部署到GitHub上

1. 创建一个新的仓库

   仓库名：[username].github.io

   ps. 仓库名必须为[username].github.io

2. 在blog目录下安装git部署插件

   目录：~/blog

   命令：npm i -S hexo-deployer-git

3. 配置 _config.yml

   目录：~/blog

   更改后：

   # Deployment
   ## Docs: https://hexo.io/docs/deployment.html
   deploy:
     type: git
     repo: https://github.com/lyanmm/lyanmm.github.io.git
     branch: master

4. 部署到远端

   hexo d

5. 查看

   https://[username].github.io/

四、后续发表的博文

1. 生成一篇博文

   hexo new post <title>

2. 清理缓存

   hexo clean

3. 重新生成静态文件

   hexo g

4. 部署到远端

   hexo d

五、其他配置

1、更换主题

可在GitHub上搜索主题

关键词： hexo-theme-

2、为md引入静态资源

https://hexo.io/zh-cn/docs/asset-folders

3、处理md中的图片资源

在网上搜寻一番都没有找到合适的方法，如果用图床则工作量太大，要逐个上传，后来自己慢慢摸索下发现这个方法可用。

1. 在 _config.yml 中修改：

   post_asset_folder: true

2. 引用：

   new一篇博文后会生成一个 <title> 文件夹和 <title> .md 文件

   将图片放入 <title> 文件夹中，

   在md中直接插入img链接：<img src=”[finename]” alt=”” style=”” />。

这样的好处是可以通过修改img的style来调整大小，但也有一个缺点，就是md在本地是看不到图片的。

解决方法：在另外的地方正常写好md，全选复制到 new 出来的 md 中，然后将img标签 src 里前面一串路径删去留下文件名即可。

六、参考

https://hexo.io/zh-cn/docs/