时光不改's 记忆碎片

在Github上搭建个人网站

字数统计: 748阅读时长: 3 min
2018/09/28 Share

1、安装git node.js(自带npm)

安装git
Git官网下载网站:https://git-scm.com/downloads

安装node.js
node.js官网下载网站:https://nodejs.org/en/

1
2
3
4
CMD 查看安装是否成功
git --version
node --version
npm --version

2、申请github账号,建立仓库(仓库名=用户名.github.io)

3、安装Hexo

本地新建blog文件夹,右键git中安装hexo
hexo s -g # 本地 localhost:4000 查看网站效果
新建一个文件夹,例如blog。
进入blog文件夹,右键点击Git Bash Here。

npm install hexo-cli -g
初始化blog文件夹
hexo init
安装依赖和插件
npm install
启动服务器进行本地预览
hexo s
在浏览器中打开http://localhost:4000,成功的话即可看到博客页面,至此安装就完成了。

  • 将blog中的hexo文件提交到github上(需要ssh key)
    hexo d -g # 使用仓库名查看网站效果(用户名.github.io)
  • 在hexo网站寻找不错的主题,添加到本地即可。

Hexo常用命令

Hexo的命令极简单,安装后只需要记住四个常用的即可。执行命令需要Git当前处于blog文件夹根目录下。

generate 生成静态文件。
hexo g
server 启动服务器。
hexo s
deploy 部署网站。部署网站前,需要预先生成静态文件。
hexo d -g
clean 清除缓存文件 (db.json) 和已生成的静态文件 (public)。
hexo clean
更新主题

1
2
cd themes/next
$ git pull

其他

  • Q:如何卸载Hexo?
  • A:3.0.0版本执行npm uninstall hexo-cli -g,之前版本执行npm uninstall hexo -g。

  • Q:如何安装旧版本Hexo?

  • A:先卸载当前版本,以2.8.3为例,执行npm install hexo@2.8.3 -g,再初始化并安装依赖和插件。

配置

Hexo的配置文件是位于blog文件夹下的_config.yml文件。

修改配置文件请使用Notepad++或者Sublime Text 2之类的程序,不要使用Windows自带的记事本。

以下为Hexo 3.0.0初始配置。常规需要修改的地方已加中文注释,未加注释的参数不建议新手修改。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
# Hexo Configuration
## Docs: http://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: Hexo ##站点标题
subtitle: ##站点副标题
description: ##站点描述
author: John Doe ##作者
language: ##语言包,需要主题自带才可设置。如Jcaman自带简繁英,设置简体中文填入 zh-CN
timezone:

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://yoursite.com ##站点域名
root: /
permalink: :year/:month/:day/:title/ ##文章永久链接格式,可添加.html后缀,如 :title.html
permalink_defaults:

# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

# Writing
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
enable: true
line_number: true
tab_replace:

# Category & Tag
default_category: uncategorized
category_map:
tag_map:

# Date / Time format
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss

# Pagination
## Set per_page to 0 to disable pagination
per_page: 10
pagination_dir: page

# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: landscape ##当前主题名称

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
type:
CATALOG
  1. 1. 1、安装git node.js(自带npm)
  2. 2. 2、申请github账号,建立仓库(仓库名=用户名.github.io)
  3. 3. 3、安装Hexo
    1. 3.0.1. Hexo常用命令
    2. 3.0.2. 其他
  4. 3.1. 配置