盒子
盒子
Posts List
  1. 一. 环境安装
    1. 1.下载工具
    2. 2. 安装
      1. 1.安装nodejs
      2. 2. 安装git
      3. 3.安装hexo
  2. 二. 建立github账号
  3. 三. 修改hexo配置
  4. 五. 发布吧

Gthub+Hexo个人BLOG最详细篇 (二)Hexo 搭建blog

一. 环境安装

1.下载工具

2. 安装

1.安装nodejs

由于家庭笔记本用的是window 10系统,所以选择了 6位版本win版本。一路next OK。

  • 设置环境变量
    依次执行

按下ctrl+x –> 系统 –> 高级系统设置 –> 环境变量

如图所示:
image

  • 测试是否安装成功

在cmd中输入

node -v

如能显示 v4.X.X表示安装正常完成

  • win8/win10 2502,2503错误解决办法:

按下win键输入cmd–> 在命令提示符上右键以管理员身份运行 –>进入node所在目录执行exe或者msi

如图所示:
image

2. 安装git

依次执行

下载git–>安装 –>添加git环境变量–>测试git安装

git version

3.安装hexo

目录空白处右键–>git bash here

安装插件需要使用nodejs的包管理器npm,由于部分地区使用npm速度较慢,网上有个叫cnpm的神奇,它是淘宝的npm镜像。安装方式如下:

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

然后使用npm的地方都可以用cnpm替换,速度嗖嗖哒。

执行以下命令,其中blog是一个本地目录,可以任意改为自己想要的名字

cnpm install hexo-cli --no-optional -g
cnpm install hexo --no-optional
hexo init blog
cd blog
cnpm install hexo-deployer-git --save
cnpm install hexo-generator-archive --save
cnpm install hexo-generator-baidu-sitemap --save
cnpm install hexo-generator-category --save
cnpm install hexo-generator-feed --save
cnpm install hexo-generator-index --save
cnpm install hexo-generator-seo-friendly-sitemap --save
cnpm install hexo-generator-sitemap --save
cnpm install hexo-generator-tag --save
cnpm install hexo-renderer-marked --save
cnpm install hexo-renderer-stylus --save
cnpm install hexo-search --save
cnpm install hexo-server --save

二. 建立github账号

建立github账号和github pages有很多详细的教程,对于大家来说基本没什么难度,这里只说一个重点。

建立github账号的时候,输入的username,在建立pages仓库的时候,必须严格对应,否则pages无法生效

If the first part of the repository doesn’t exactly match your username, it won’t work, so make sure to get it right.

如图所示
image

三. 修改hexo配置

配置_config.yml位于blog根目录下,需要修改以下键值对,注意

  • 每个键值对中间有个空格
  • 其中的username为你github的username
  • theme部分默认用的是landscape,如未使用新的主题,可不用修改
    title: 迎接村的码农
    subtitle: 迎接村的码农的部落格
    description: 乡村码农看01世界
    author: useername
    url: http://username.github.io
    theme: fexo
    deploy:
    - type: git
    repo: https://github.com/username/username.github.io

并在最后添加

sitemap:
path: sitemap.xml
baidusitemap:
path: baidusitemap.xml

五. 发布吧

git bash中执行

hexo clean && hexo g && hexo d

访问你的个人github pages 就能看到效果

http://username.github.io


下一篇

Github+Hexo个人BLOG最详细篇 (三)镜像站点码市

支持一下
扫一扫,支持牛头码农