Hexo中文官网 https://hexo.io/zh-cn/
- 安装git
- 安装NodeJs
- 安装hexo
- 生成SSH并添加到github
- 部署项目到github
- 绑定个人域名
- 修改并配置主题
- 发布并管理文章
一、安装Git工具
Git官方网站 https://git-scm.com/
下载exe安装包直接安装下一步就可以
安装完成打开终端输入
git --version
输出版本号1)首先查看电脑是否安装Git,终端输入:
git
安装过则会输出:
MacBook-Pro:~ WENBO$ git
usage: git [--version] [--help] [-C <path>] [-c name=value]
[--exec-path[=<path>]] [--html-path] [--man-path] [--info-path]
................
'git help -a' and 'git help -g' list available subcommands and some
concept guides. See 'git help <command>' or 'git help <concept>'
to read about a specific subcommand or concept.
2)通过homebrew安装Git
- 未安装homebrew,需安装homebrew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
- 安装git
brew install git
根据自己系统选择使用
yum install -y git
或者
apt-get install -y git
二、安装Nodejs
Nodejs 官网 https://nodejs.org/en/
官网下载对应exe版本,下一步安装
类似于之前步骤,使用brew安装
brew install -g node
三、安装Hexo(此步骤以后Win、Mac等平台操作命令一样)
1)在自己想要的目录新建一文件夹,命名自定义 例如Hexo
2)终端进入到新建的目录
3)使用命令安装Hexo
npm install hexo-cli -g
4)安装完毕之后,输入 hexo -v
输出版本信息
$ hexo -v
hexo: 4.0.0
hexo-cli: 3.1.0
os: Windows_NT 10.0.18362 win32 x64
http_parser: 2.8.0
node: 10.16.2
v8: 6.8.275.32-node.54
uv: 1.28.0
zlib: 1.2.11
brotli: 1.0.7
ares: 1.15.0
modules: 64
nghttp2: 1.34.0
napi: 4
openssl: 1.1.1c
icu: 64.2
unicode: 12.1
cldr: 35.1
tz: 2019a
5)初始化命令 hexo init
会输出以下目录结构
:
node_modules:是依赖包
public:存放的是生成的页面
scaffolds:命令生成文章等的模板
source:用命令创建的各种文章
themes:主题
_config.yml:整个博客的配置
db.json:source解析所得到的
package.json:项目所需模块项目的配置信息
6)使用命令npm install
安装依赖
7)使用命令 hexo generate
生成页面
8)使用命令 hexo server
启动服务
$ hexo server
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
打开浏览器输入 http://localhost:4000 访问成功
使用Ctrl+C中断本地服务,也可使用命令hexo server -p 5000指定端口,访问http://localhost:5000/
四、生成SSH添加到github
1)登录github新建一个仓库,格式为 username.github.io
例如 我的用户名为 zhangsan 那么 仓库名应为 zhangsan.github.io
2) 回到gitbash中,配置github账户信息(YourName和YourEail都替换成你自己的):
git config --global user.name "YourName"
git config --global user.email "YourEail"
3)在gitbash中输入:ssh-keygen -t rsa -C "替换成你的github邮箱
生成ssh。
然后按终端给出的路径的方式找到id_rsa.pub
文件 并复制其中的内容。
4)进到新建的github仓库 点击右上角setting
进入设置找到Deploy keys
选择 Add Deploy keys
Title随便填写 Key的内容为刚才复制的 id_rsa.pub
文件中的内容
5)在gitbash中验证是否添加成功:ssh -T git@github.com
五、部署项目的github
1)用编辑器打开你的hexo项目文件夹,修改_config.yml
文件的一些配置(冒号之后都是有一个半角空格的)
deploy:
type: git
repo: https://github.com/YourgithubName/YourgithubName.github.io.git
branch: master
2)回到gitbash中,进入你的hexo目录,分别执行以下命令
npm install hexo-deployer-git --save #安装部署工具
hexo clean #清除缓存
hexo generate #生成静态文件
hexo deploy #部署到github
在浏览器中输入http://yourgithubname.github.io 就可以看到你的个人博客
六、修改配置文件,编辑网站信息
修改根目录下 _config.yml
文件的配置
官网页面language zh-CN
timezone Asia/Shanghai
七、设置主题-obsidian
打开官方主页
安装
git clone https://github.com/TriDiamond/hexo-theme-obsidian.git obsidian
启用
打开 Hexo 配置文件 _config.yml
, 设置主题为 obsidian
...
theme: obsidian
...
根据文档修改评论插件和代码块样式
添加搜索
npm install hexo-generator-search --save
在你的根目录配置 _config.yml 里面添加hexo-generator-search的配置
search:
path: search.xml
field: post
content: true
hexo clean && hexo g
新建文章测试
hexo new 标题
编辑 source-- _post
添加分类、标签、和图片
title: My awesome title
date: 2019-07-14 18:38:45
categories:
- 分类1
- 分类2
tags:
- 标签1
- 标签2
mp3: http://domain.com/awesome.mp3
cover: http://domain.com/awesome.jpg
修改固定连接
中文链接容易乱码 修改为id
默认随机生成,可以指定
手动设置麻烦,修改文章模板
scaoffolds -- post.md
---
title: {{ title }}
date: {{ date }}
categories:
-
tags:
-
cover:
---
8 comments
安装部署工具这步这个报错是什么啊
$ npm install hexo-deployer-git --save
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.3 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
+ hexo-deployer-git@2.1.0
updated 1 package and audited 217 packages in 8.059s
12 packages are looking for funding
run `npm fund` for details
found 1 low severity vulnerability
run `npm audit fix` to fix them, or `npm audit` for details
我需要你这个主题 1OωO
这是typecho的博客框架
博主你好 我用mac初始化hexo(输了hexo init之后)报了个错「found 1 low severity vulnerability
run `npm audit fix` to fix them, or `npm audit` for details」,执行npm audit fix之后还是没有用,请问有什么解决方案吗?
win10x64的系统换obsidian主题报错并且无法显示
这个系统没关系 你要先把主题clone下来
所以搜索功能到底该怎样实现
安装完插件后也配置了,在模板上跟脚本文件中应该如何搞
静态博客做站内搜索有点难搞。
等我把第二部分视频教程水出来。