Windows下搭建Coding+Hexo博客

什么是Hexo

Hexo是一个快速、简洁且高效的博客框架。Hexo使用Markdown(或其他渲染引擎)解析文章，在几秒钟，可利用主题生成静态网页。

如何搭建

前提：Windows平台下，我们是在coding下搭建Hexo博客，所以先要有coding帐号。

1.       首先我们需要下载安装Git，安装node.js，安装hexo。

2.       之后配置hexo的_config.yml文件

3.       最后将生成的文件push(部署)到coding上，并选择Pages服务。

安装Git

在这就不多做介绍了，详情请看Git的简单使用教程。

安装node.js

可以看百度经验，也可以看此处的简单教程。

Windows：在官网点击下载并安装。https://nodejs.org/en/download/

安装完成后，在命令行输入 node --version 可以看到node.js的版本，如此简单便成功安装node.js

安装Hexo

参考：https://hexo.io/zh-cn/docs/

选择一个文件夹，打开命令行窗口，输入：npm install -g hexo-cli  即可完成安装

安装完成后，需要输入命令对Hexo进行初始化

       hexo init <文件夹名> ----> 会出现一个新的文件夹，命名是输入的<文件夹名>

       进入生成的文件夹cd  <文件夹名>

会看到生成下列文件，就算完成了下载。 

   

建站完后 可以使用 hexo server命令打开本地服务，进入http://localhost:4000/就可以看到默认的界面，这个命令可以让我们在本地进行调试。同时我们还可以修改主题使界面变得更好看。

   

配置_config.yml文件

         如果不修改_config.yml文件直接上传到coding上，就有可能为只有文字没有样式的情况，这时有两个选择，购买域名，或者配置_config.yml文件，其中的url和root属性。

url: http://www.nideyuming.com/blog/

root: /blog

root 下面应该设置成 /你的项目名 而不是/

然后重新部署(将项目push到coding)一下就成功了。

此时再刷新界面，就会显示出样式。博客初步就搭建完成了。

我们可以采用除了git中的push外的另一种方式，将代码提交到coding。

此时修改修改_config.yml文件(注意：_config.yml要求很严格，不标准的格式，会导致配置失败)

deploy:

  #我们是使用 git 来部署的。

  type: git

  # coding仓库的地址。使用 HTTPS 协议或者 SSH 协议都可以

  repository: https://git.coding.net/yourname/<Git仓库名称>.git

  # 分支名称。

  branch: master

此时使用 hexo的命令即可完成

       首先npm install hexo-deployer-git --save

      之后 npm generate  ---->代表生成静态文件，可以简写成 npm g

      最后 npm deploy   ----->部署之前预先生成静态文件，可以简写成 npm d

    

此时就算简单的搭建完成了。

  

打开运行的网页即可。

pages页面的选择

详细的在https://coding.net/help/doc/pages/index.html  

用户 Pages 与项目 Pages

Coding Pages 分为「用户 Pages」与「项目 Pages」两种类型。不同的 Pages 类型在访问链接与部署来源上存在差异。

「用户 Pages」可以通过 {user_name}.coding.me 形式的 URL 直接访问，适合用作个人或组织的演示网站； 「项目 Pages」需通过 {user_name}.coding.me/{project_name} 形式的 URL 访问，适合用作项目的演示网站。

当然还可以下载设置主题，变得更加个性化。

在终端输入：

// 新建一篇文章hexo new "文章标题"

我们可以在本地博客文件夹source->_post文件夹下看到我们新建的markdown文件。

修改主题

         通过修改_config.yml中的## Themes: https://hexo.io/themes/

theme: 主题名

来实现主题的修改