开开心心建网站

前言

  • 本来准备在CSDN上建个博客，后来为了能够更加自动化，还是在GitHub Pages 上弄一个

目录

步骤

准备

1
2
3
4
5
6

wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh

nvm install node

npm install -g hexo-cli
  • 建立github.io项目

本地建站

1
2
3
4
5
6

mkdir zsBlog

cd ./zsBlog/

hexo init

第一个页面

1
2
hexo generate
hexo server

Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

  • 进入浏览器访问页面即可

创建一个页面并预览

1
hexo new "Zhensheng的第一个博客"

Created: ~/zsBlog/source/_posts/Zhensheng的第一个博客.md

1
2
3
4
cd source/_posts
code ./Zhensheng的第一个博客
hexo generate
hexo server
  • 浏览器访问预览

设置一个主题

1
2
3
cd ~/zsBlog
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
code ./_config.yml
  • 更改这一行
1
theme: yilia

主题配置

1
2
3
4
5
6
cd themes/yilia
code ./_config.yml
deploy:
type: git
repo: git@github.com:ZhenshengLee/ZhenshengLee.github.io.git
branch: master
  • 更新并部署
1
2
3
hexo clean
hexo generate
hexo deploy

deploy 没反应

1
npm install hexo-deployer-git --save

Hexo配置

首页显示摘要

  • 如果你需要主页显示文章全部内容，只显示摘要的话，就在文章中加一行 <!–more—> 在这个标记之前的就是摘要

关于位置显示”Über”

  • 使用CLion替换所有文件中的此单词，替换为About

多说评论

1
2
3
4

subl themes/yilia/layout/_partial/post/duoshuo.ejs

var duoshuoQuery = {short_name:"zhenshenglee"};

注册google_analytics

添加RSS

1
2

npm install hexo-generator-feed --save

添加sitemap

1
2
3
npm install hexo-generator-sitemap --save
hexo clean
hexo g
  • 最后的配置文件
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: 哈骑士的博客
subtitle: 将科技固化为产品——机器人软件开发
description: 点滴记录，学习成长
author: 黎振胜
language: zh-Hans
timezone:

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: https://ZhenshengLee.github.io
root: /
permalink: :year/:month/:day/:title/
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
  auto_detect: true
  tab_replace:
  style: 'github'

# 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: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
# theme: landscape
theme: yilia

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:ZhenshengLee/ZhenshengLee.github.io.git
  branch: master

# RSS订阅
plugin:
    - hexo-generator-feed
#Feed Atom
feed:
type: atom
path: atom.xml
limit: 20

Yilia主题配置

  • 最后的配置文件
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146

# Header

menu:

  主页: /

  所有文章: /archives/

  写在前面: /front_page/

  机器人软件构造: /tags/software_build/

  机器人软件设计: /tags/software_design/

  机器人系统开发: /tags/system_dev/

  机械设计: /tags/machine_design/

  # 机器视觉: /tags/机器视觉/

  # 深度学习: /tags/深度学习/

  # 其他: /tags/others/

  # 关于: /about/



# SubNav

subnav:

  github: "https://github.com/ZhenshengLee"

  #weibo: "#"

  #rss: "/atom.xml"

  #zhihu: "#"

  #douban: "#"

  mail: "mailto://lzs_1993@qq.com"

  #facebook: "#"

  #google: "#"

  #twitter: "#"

  linkedin: "https://cn.linkedin.com/in/zhenshengli"



rss: /atom.xml



# Content

excerpt_link: 阅读全文

fancybox: true

mathjax: true



# 是否开启动画效果

animate: true



# 是否在新窗口打开链接

open_in_new: false



# Miscellaneous

google_analytics: ''

favicon: /favicon.png



#你的头像url

avatar: "http://7xvunf.com1.z0.glb.clouddn.com/%E5%85%B6%E4%BB%96320X425.jpg"

#是否开启分享

share_jia: true

share_addthis: false

#是否开启多说评论，填写你在多说申请的项目名称 duoshuo: duoshuo-key

duoshuo: true

duoshuo_shortname: zhenshenglee

#若使用disqus，请在博客config文件中填写disqus_shortname，并关闭多说评论

#是否开启云标签

tagcloud: true



#是否开启友情链接

#不开启——

#friends: false

#开启——

friends:

  # 奥巴马的博客: http://localhost:4000/

  # 卡卡的美丽传说: http://localhost:4000/

  # 本泽马的博客: http://localhost:4000/

  # 吉格斯的博客: http://localhost:4000/

  # 习大大大不同: http://localhost:4000/

  # 托蒂的博客: http://localhost:4000/



#是否开启“关于我”。

#不开启——

#aboutme: false

#开启——

aboutme: 机械电子工程在读研究生，从事协作机器人软件开发，正在找工作

其他设置

vscode

  • .npmignore中添加.vscode

致谢

YanceyWang

一个更全的包括hexo配置的介绍

yilia主题设置

配置多说

主题优化

图标制作

赏

谢谢你请我吃糖果

支付宝
微信

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    2、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: true
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

本科学机械，硕士程序员，读书在中南，工作在中兴。