codesheep基于hexo搭建博客步骤笔记

博客羊搭建视频地址

1.下载node.js,在终端查询node与npm版本

node -v
npm -v

由于国内默认镜像下载慢，将镜像源换成淘宝的。

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

安装完成后，查看cnpm版本

cnpm
cnpm -v

通过cnpm下载hexo

cnpm install -g hexo-cli

至此，hexo安装完成。可以用hexo -v 命令来查看版本。

2.使用hexo自动生成

建立博客文件夹，cd进文件夹后初始化hexo

hexo init

下载完成后，启动博客（start）,用于预览

hexo s

创建博客

Ctrl C之后，hexo n “博客名”。hexo就会自动创建一篇新的文件，修改保存后，回到blog，清理一下,再生成

创建：hexo n "first blog"
清理：hexo clean
生成：hexo g

再次启动看效果。

3.将博客配置到GitHub上

在GitHub上新建一个仓库后，在blog文件下配置git插件

cnpm install --save hexo-deployer-git

修改blog下配置文件_config.yml，编辑器打开拉到最底层，添加代码如下。repo后是刚刚创建的仓库地址。

deploy:
  type: git
  repo: [email protected]:926535/926535.github.io.git
  branch: master

完成修改后将项目部署到远端

hexo d

视频里接着需要输入GitHub的用户名和密码，但是我在Windows下的操作没有提醒需要这个。部署成功如下图。

此时就可以直接在浏览器中通过输入仓库名直接访问博客

4.修改博客主题（以某一主题为例

将GitHub上的主题克隆到本地themes目录下，如yilia主题

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

完成后修改_config.yml配置文件下的theme行，改为主题名

重复操作，hexo clean 清理，hexo g初始化,hexo s启动。便可以看到效果

推到远端 hexo d.