hexo+github搭建自己的网站

搭建博客简单介绍

安装nodejs(官网下载安装包安装即可)

  点击进入node.js官网,下载完成后安装即可

安装git

  进入官网下载,安装

安装hexo

1、首先,创建文件夹用来存放你的本地博客。本人的博客存放在d:/blog文件夹下
2、打开git窗口
3、输入以下命令,进入到d:/blog
cd d:
cd blog
其中,cd 文件夹 的意思便是进入到某个文件夹
4、一次性安装完hexo所需的所有东西

1
2
3
4
npm install hexo-cli -g
npm install hexo --save
npm install hexo-deployer-git --save
npm install

安装速度慢,可以使用淘宝镜像:

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

5、安装完成,我们可以看到文件夹下已经生成了很多东西,依次在git中执行以下命令:

1
2
3
  hexo clean
  hexo g
  hexo s

此时命令行会提示http://localhost:4000/,我们在浏览器中打开该链接,一个hello的博客就完成了。(#^.^#)

博客使用

创建新文章

打开hexo安装目录\source\文件夹,发现只有_posts一个文件夹,创建分类和标签。
1、执行命令hexo new categories,修改hexo安装目录\source\categories下的index.md文件:

1
2
3
4
5
6
---
title: 分类
date: 2016-07-16 04:36:09
type: "categories"
comments: false
---

2、执行命令hexo new tags,hexo安装目录\source\tags下的index.md文件:

1
2
3
4
5
6
---
title: 标签云
date: 2016-07-16 04:32:03
type: "tags"
comments: false
---

3、执行命令hexo new “first blog”,创建博客(或者直接在hexo安装目录\source_posts创建一个.md文件,里面写入以下内容)

1
2
3
4
5
6
---
title: 本人创建的第一篇
date: 2017-03-25 13:53:30
tags: 写作
categories: 随笔
---

博客主题

  hexo有很多主题,找到自己喜欢的,点击图片预览博客样子,点击名称会进入github中。在github中将源码下载下来,解压放入themes文件夹中,修改_config.yml:theme: yelee 表示使用themes文件夹下yelee文件夹中的主题。

使用next主题

(网上很多,此处记下可能遇到的问题)
(1) 使用中文语言:
  修改(hexo安装目录_config.yml)文件:(不是themes\next_config.yml)
  language: zh-Hans
(3) 部署到github上js、css找不到
  修改(hexo安装目录_config.yml)文件:
    root: /blog/ #blog是你github上面的仓库名称

部署到github

当前,首先得在github上注册一个账号,然后,
1、github上创建一个仓库
  仓库名称(Repository name)可以写成blog。github自动生成的网址会是:https://账户名称.github.io/仓库名称/ ,此时,如果仓库名称写成账户名称.github.io,那么,github自动生成的网址会是:https://账户名称.github.io/ (记得勾选Initialize this repository with a README)
  在项目的settings中,GitHub Pages中选择master branch,save后,会生成url。之后将本地的博客部署到这里,访问该网址,便ok啦!
2、使用git部署hexo到github:
(1)设置git
  git使用hexo deploy部署的时候,保证user.name和github账上上的账户名一致。
  查看用户名 :git config --list
  如果首次安装,没有设置,可以使用下面命令:

1
2
git config --global user.name "ff"
git config --global user.email "liuchao102@163.com"

  如果已经设置好了,向修改:vi ~/.gitconfig 按下i键,修改,dd删除一行,esc退出编辑。按住shift,wq保存
(2)生成ssh秘钥
  要部署到github上,本地要有权限。在git中生成秘钥

1
ssh-keygen -t rsa -C "xxx@163.com"

  生成完秘钥之后会在 C:\Users\Administrator\.ssh 目录下生成 id_rsa和id_rsa.pub两个文件
  拷贝id_rsa.pub文件内容到 github上就可以了(Settings->SSH and GPG keys->new SSH Key -> 输入文件内容 -> 保存完成)
(3)执行以下命令部署:

1
hexo deploy

使用atom实现预览编辑文档

  atom安装插件atom-hexo,速度很慢,可以使用本地安装:
  在github上下载好后解压到C:\Users\cage.atom\packages,cmd打开命令行输入:apm install安装即可。
  如果apm命令找不到,在环境变量中加入: C:\Users\hfyuser\AppData\Local\atom\bin
  atom自带markdown preview,编写md可以实时浏览。

参考

置顶文章
20分钟教你使用hexo搭建github博客
Gitment:使用 GitHub Issues 搭建评论系统
如何用好 github 中的 watch、star、fork
如何正确接收 GitHub 的消息邮件
github fork项目后,代码更新

文章目录
  1. 1. 安装nodejs(官网下载安装包安装即可)
  2. 2. 安装git
  3. 3. 安装hexo
  4. 4. 博客使用
    1. 4.1. 创建新文章
  5. 5. 博客主题
    1. 5.1. 使用next主题
  6. 6. 部署到github
  7. 7. 使用atom实现预览编辑文档
  8. 8. 参考
|