1、前期准备

Windows10+Github+hexo搭建
提前说下，我这个网站使用的主题来自Github上ZEROKISEKI对“忧郁的弟弟”网站的移植。
因为个人兴趣很喜欢这个主题，十分感谢ZEROKISEKI的移植。
下面附上源主题链接，大家可以去支持下。
这个是我们这次搭建博客的目标样式，大家也可以看下 liuchengblog.github.io
然后正式开始

2、git的下载与安装

1）git和GitHub的关系以及为什么要用git
git的专业名称叫做：分布式版本控制系统。
Github简单来说就是个存放代码的仓库。
我们网站搭建完成后，肯定要进行一些改动，或是修改网页设计，或是添加删除文章等。git的作用相当于对每次进行修改的文件打上版本号，保证我们每次从仓库中读取的文件是最新的版本。
2）git的下载
官网的链接、百度云链接提取码: d63x
3）git的安装与配置
安装没有什么好说的，一直狂点next，最后点击install就好。
安装好之后在桌面点击右键 Git Bash Here

在打开的窗口中输入如下指令：ssh-keygen -t rsa

3、Node.js的下载与安装

1）Node.js的下载和安装
官网的链接、百度云链接提取码: wsti
安装也是一直狂点next就好
2）更换国内镜像
以管理员身份运行命令提示符
输入如下命令：

npm config set registry https://registry.npm.taobao.org  
npm config get registry  //返回https://registry.npm.taobao.org，说明镜像配置成功。  
npm install -g cnpm --registry=https://registry.npm.taobao.org

4、安装Hexo搭建Hexo博客

1）安装Hexo
打开 git bash，输入如下命令：
$ cnpm install -g hexo-cli
2）搭建Hexo博客
在电脑上新建一个专门用来存放你的博客的文件夹，如 D:\Test
在该文件夹下右键-git bash here，然后输入：
hexo init
hexo server
完成之后，浏览器访问 http://localhost:4000 ，即可看到hexo博客页面

5、Github上创建网站代码仓库

1）创建仓库
在GitHub上创建以你的GitHub用户名（注意不是昵称）命名的项目，例如我的GitHub用户名为 LiuChengBlog 那么我就创建一个名字为：LiuChengBlog.github.io 的项目。

2）创建SSH连接
打开Github的设置界面，依次点击SSH and GPG keys和New SSH Key

然后用记事本打开如图路径下的 id_rsa.pub 文件

将记事本中的全部内容复制到刚刚打开的SSH Keys的界面中，再点Add SSH key

3）复制仓库地址
创建好仓库后点开仓库，复制如图中的仓库地址

6、配置Hexo

打开刚才新建的Test文件夹，用记事本打开_config.yml配置文件，找到deploy，进行如下配置，完成保存。注意格式不能错。

deploy:
  type: git  
  repository: https://github.com/qiuyeyijian/  qiuyeyijian.github.io.git   //将地址换成自己的  
  branch: master

然后在Test文件夹下打开Git Bash，输入如下命令：

npm install hexo-deployer-git –save
hexo g  //（本地生成静态文件）
hexo d  //（将本地静态文件推送至Github）

在Test文件夹下的Git Bash中，输入如下命令下载主题，这里以我这个用的主题为例

$ git clone https://github.com/ZEROKISEKI/hexo-theme-gal themes/gal

然后找到博客根目录下的config.yml配置文件中的theme属性，将其设置为gal
在根目录下的config.yml配置文件中添加如下的代码

jsonContent:
  dateFormat: MM-DD
  pages:
    title: true
    text: true
    path: true
    date: true
    excerpt: true
    preview: true
  posts:
    title: true
    text: true
    path: true
    date: true
    excerpt: true
    tags: [{
      name: tag.name,
      slug: tag.slug,
      permalink: tag.permalink
    }]
    preview: true

在Test文件夹下的Git Bash中，输入如下命令

npm install hexo-renderer-sass --save 
npm install hexo-generator-json-content --save
hexo new page "search"              // 搜索功能的必须步骤
hexo new page "404"                // 开启404页面
hexo new page "tags"              // 开启标签功能
hexo new page "categories"       // 开启分类功能

最后再次输入如下命令

hexo g  //（本地生成静态文件）
hexo d  //（将本地静态文件推送至Github）

7、结束

至此，基础的设置都已经结束，现在打开你的网址应该就可以看到网页了
例如我自己创建的，就输入： liuchengblog.github.io
之后还会更新网站的完善和碰到的问题的解答

柳橙酱

发布了12 篇原创文章 · 获赞 14 · 访问量 4853

私信关注

网站搭建过程