从无到有免费撸一个博客(下)（从无到有的意思）

连接Ｇithub

1. 首先，我们需要生成一个ssh密匙, 以linux为例：

ssh-keygen

2. 生成的ssh密匙在根目录，.ssh文件夹下面，打开并且复制里面的内容。

3.打开github，点击头像下面的小三角，点击settings。

4. 点击SSH and GPG keys,然后点击Ｎew SSH key，把你刚刚复制的内容粘贴进去，名字随便取。

4. 终端输入下面的命令，测试是否成功。

ssh -T git@github.com

安装基本工具

安装git

Windows直接去git官网下载exe安装包即可。linux输入命令安装。

sudo apt-get install git

安装nodejs和npm

1. 去nodejs官网（地址：https://nodejs.org/zh-cn/download/）下载Linux安装包（Windows下exe），然后解压

2. 将node-v12xx重命名为node,然后复制到系统盘，我是放在/usr/share/目录下

sudo cp node /usr/share/node

3. 将node文件夹，bin目录下的node和npm设置到/usr/bin环境

sudo ln -s /usr/share/node/npm  /usr/bin/npm
sudo ln -s /usr/share/node/node  /usr/bin/node

4. 输入node和npm测试是否安装成功。

5. npm在国内访问比较慢，可以换国内的淘宝源或者安装cnpm，我这里示范cnpm。npm install cnpm -g --registry=https://registry.npm.taobao.org
6. 安装完成后，就可以使用cnpm代替npm了。

安装hexo

cnpm install -g hexo-cli

使用hexo生成博客。

0. 找到一个空白文件夹用于初始化项目，我是新建的一个hexo文件夹，然后在此文件夹打开终端。输入下面的命名初始化项目。

hexo init
cnpm install

2. 初始化成功的文件夹如下：

其中node_modeules为安装的模块文件，public为将要发布的静态网站。

source存放的是markdown文件，用于转换静态网页。themes为主题。_config.yml为站点配置文件。

3. 先初始化一个网站，命令如下：hexo g #用于将markdown文件转静态网站
   hexo s # 开启本地web服务，可以用来预览网页。然后在本地输入127.0.0.1:4000，查看网页效果。自带网页为一个helloword的md。

更换并配置主题

1.下载主题，下载地址：ttps://github.com/hexojs/hexo/wiki/Themes

本人推荐用Next,比较简洁：https://github.com/iissnan/hexo-theme-next

2. 将主题丢到hexo的theme目录。修改站点配置文件_config.yml，找到theme,后面改成next

3. 点击theme/next目录，修改_config.yml修改主题的默认样式，自带的是muse样式，我选择改成Pisces 修改主题菜单所对应的路径，需要修改home,tags,categories,archives。

- 其它修改方法请参考官网说明：http://theme-next.iissnan.com/

部署到github

1. 复制你的github上的ssh地址，点击use https,然后复制里面的内容。

2. 配置站点部署文件。打开hexo根目录下的_config.yml

3. 然后在最下面输入以下信息

deploy:
  type: 'git'
  repo: git@github.com:xx/xx.github.io.git  # 这里替换成你的ssh地址
  branch: master

4. 最后在hexo目录下，终端输入以下命令部署网页到github

hexo clean # 清除缓存
hexo g # 生成静态网页
hexo d # 部署网页到github

5.效果如下：

访问地址：https://www.vbahome.cn

补充说明

1. 自定义域名在hexo的source文件夹下，新建一个CNAME文件，然后输入你想要自定义的域名。然后在你的域名管理那里新增一个CNAME解析，解析类型CNAME，解析地址就是你的github域名，

2. 图片无法上传到网页安装图片解析插件cnpm install https://github.com/7ym0n/hexo-asset-image --save安装Typora，去偏好设置-图片设置两个参数

• 选中图片，可以快速移动到文件名的相应位置下。这样就可以快速把你的markdown图片快速复制到本地对应目录了。
• 最终图片形成的图片路径如下：

![这里随便填](你的markdown文件名/xx.png)

3. 安装右下角的萌萌哒玩偶cnpm install --save hexo-helper-live2d
4. 常用操作新建文章，文章会在source/_post中存在hexo new *文章标题* # 新建目录页面，目录页会在source/categories/index.mdhexo new categories 在里面添加以下内容type: "categories"新建标签页面，标签页会在source/tags/index.mdhexo new tags在里面添加以下内容type: "tags"注意：新建目录和标签都需要在主题菜单中配置好目录文件，详情请看上面的更换并配置主题，其中的Menu设置。