一小时快速搭建Hexo博客

时间  2020-06-12 标签 一小时 快速 搭建 hexo 博客

说明

搭建本身的博客是一件蛮有趣的事情，有不少种搭建博客的方式，以前就接触过WordPress。最近看到用hexo在github上搭建博客，在布局和搭建上很是的简便，能很快的搭建出本身的一个blog，固然这也是一个问题，当咱们想要修改界面的时候就须要进行一些思考。接下来，就是简答的介绍如何一个小时搭建出本身的博客。html

1、搭建步骤

安装步骤

  1. 默认安装git客户端，下载地址node

    记得勾选上 simple comtext menu 和下面的 git bash here / git gui heregit

    cmd 中 git --version 查看版本信息github

  2. 默认安装node.js，下载地址数据库

    node -v 查看node版本npm

    npm -v 查看npm版本，node package managerswindows

  3. github上建立仓库 ,yourname.git.io (如CatterMCG.git.io)安全

  4. 建立一个新的hexo的分支用于管理网站文件，在setting中选branch将hexo update为默认分支；bash

    master分支用于发布网站（github默认须要master来管理发布的网站）hexo

    新建新的分支hexo 并将hexo设置为默认分支很是重要

    由于：

    1. 咱们通常在同一台机器上进行博客的编写，可是在新的电脑上进行编写也是很是正常的需求，因此咱们须要有一个分支用于管理网站的文件，在另一台电脑上须要的时候只须要clone下来，而后编写就行了。如何在第二台电脑上进行编写会在后面说明。

    2. 不能保证咱们本地的东西不会丢失，因此咱们用github来 保存个人项目

  5. 在本地的 yourname.git.io 文件夹下新建一个hexo文件夹，而后依次执行下面指令

    1. npm install hexo 用npm安装hexo

    2. hexo init hexo初始化

    3. npm install npm自动安装须要的组件

    4. npm install hexo-deployer-git --save 安装hexo git部署组件

      (因为设置的默认分支是hexo，因此上面的全部的操做都是hexo分支下的)

    说明

    1. 在项目中新建一个hexo的缘由是，hexo init指令会自动将文件中的 .git文件删除，将东西放在一个新建的hexo文件夹里面很安全

    2. 若是安装网站上的直接在 yourname.git.io 文件夹下进行上面指令， .git 文件会删除，此时再从新建个git init, git checkout -b hexo分支就行了（window下）

    6.修改hexo文件夹下的 _config.yml文件中的deploy参数,以下

    deploy: type: git repo: git@github.com:CatterMCG/CatterMCG.github.io.git branch: master

    7.依次执行下面命令

    1. git add . 添加全部文件

    2. git commit -m "first commit" 提交添加的文件，提交信息是 first commit（注意分支是hexo）

    3. git push origin hexo 推送到github（能够本身去github项目中查看文件 是否推送成功）

    8.执行 hexo d -g 将项目生产网站 并 部署到github上，能够在用yourname.git.io 访问 如 cattermcg.git.io

平常改动流程：

  1. 修改配置，写博客等操做，用hexo s -debug 运行，在localhost:4000调试

  2. git add . / git commit -m "..." / git push origin hexo 将项目推送到github上

  3. hexo d -g 将项目部署到github上

在不一样的电脑上写博客：

  1. 安装git 和 node.js

  2. git clone git@github.com:CatterMCG/CatterMCG.github.io.git 将repo克隆到本地

  3. 在 CatterMCG.github.io 文件夹下 git bash 依次执行

    npm hexo

    npm install

    npm hexo-deployer-git --save

    切记：此时不用hexo init

  4. 修改配置，写博客，跟前面的操做相同

2、hexo命令的简单使用

  1. hexo new post "title" 新建一片md类型的文章

    1. hexo g生产项目

  2. hexo s 开始项目，这个时候能够在localhost:4000访问本地的网站

  3. hexo d 部署项目到github上

平常使用的方式是：

  1. 在本地测试的时候，用 hexo s -debug，这用于本地开启服务 在localhost:4000 测试本身的博客

  2. 本地测试完毕想部署，用 hexo d -g，将项目部署到github ，其余的hexo 基本用不上

3、hexo网站和theme中的重要设置

基本设置

  1. 主题风格配置

  2. 菜单配置

  3. 头像配置

  4. 设置文章代码主题

  5. 添加tag页面

  6. 添加categories页面

  7. 添加about页面

  8. 添加search功能

    请查看详细操做：http://www.cnblogs.com/syd192/p/6074323.html

引入第三方

  1. 使用 多说 添加 评论区

  2. 使用 多说 添加 分享功能

    1 2 继续查看文章 http://www.cnblogs.com/syd192/p/6074323.html

  3. 使用 leancloud 添加显示 阅读量：leanCloud实现文章阅读量统计

官方

  1. NexT 官网

  2. NexT的github地址

  3. 有哪些好看的hexo主题

4、有些坑不要踩

  1. 用leancloud设置阅读量的时候，class必定要为Counter

  2. 访问量居然出现了1:1:1:1 的形式，缘由是在leancloud的数据库中查询到了相同的文章有两条记录，把最开始的一条访问量记录为1的删除了就能够了

  3. 搭建hexo，在执行 hexo deploy后，出现 error deployer not found:github 的错误 重现用npm install hexo-deployer-git --save就行了

  4. 出现hexo command not found 的时候 用对应的 nodemoudle路劲下的 （G:\hexo\node_modules.bin）将其添加到系统环境变量中，或者把 nodemoudle下hexo 里面 的 bin添加进去

  5. 若是想要在多台电脑上进行管理的话，真的要有新的 branch 或者 repo来管里hexo的东西，发布的东西在yourname.git.io这个repo的master分支上；具体的相关操做上面都有

    ​

联系我们 沪ICP备13005482号-10