搭建博客
新建一个github账户。
新建一个repositorie,名称是
username.github.io
,比方说我的github账号名称是wenyuhaokikika
,那就是wenyuhaokikika.github.io
.打开setting下面的pages,选择一个主题。
npm安装hexo。
1
2
3npm i hexo-cli -g
npm i hexo -g
hexo -v #看一下是否安装成功找一个文件夹初始化博客
hexo init
1
2$ ls
_config.landscape.yml _config.yml db.json node_modules package.json package-lock.json public scaffolds source themes yarn.lock在github上面找一个博客主题下载
1 | cd themes |
然后改配置文件,这里有两个配置文件,blog根目录下面的
_config.yml
,还有主题配置文件themes/flex-block/_config.yml
,两个都需要改1
2
3
4
5
6
7
8
9
10
11
12
13
14#根目录下配置文件_config.yml
title: 文玉昊
subtitle: ''
description: '生物信息'
keywords:
author: wenyuhao
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
type: 'git'
repository: git@github.com:/wenyuhaokikika/wenyuhaokikika.github.io #git://github.com/wenyuhaokikika/wenyuhaokikika.github.io
branch: master
ignore_hidden: false1
2
3
4
5
6
7
8
9
10#主题目录下的_config.yml
# Social Icon
social_icon:
enable: true
icons:
ins :
zhihu : https://www.zhihu.com/people/xing-zhe-80-14
weibo :
github : https://github.com/wenyuhaokikika
#twitter : https://twitter.com/guanquanhong生成并发布文章
这时候就可以发文章了,可以用命令
hexo new "My New Post"
,也可以直接把md格式的文章移到source/_posts
,中,然后用命令hexo g
生成html的格式的文章,然后hexo s
,在4000端口看看效果,效果成功后hexo d
,发布文章。
问题记录
hexo d上传成功后发现,github也成功了,可是博客就是没变化。
_config.yml中分支要和pages设置的分支对的上,之前github默认的pages页面是main分支,而 _config.yml是master分支,所以在github的pages页面将main分支切换为master分支,或者将master和main分支merge也可以。
也可能是因为github有延迟,要等一会,大概一分钟左右。
输入hexo出现。
1 | internal/bootstrap/switches/does_own_process_state.js:128 |
这时候不止输入hexo会报错,输入npm也会报错,重新ssh一下或者su 用户名一下。
- 插入图片。
将根目录下_config.yml的中改为post_asset_folder: true
,在md中图片为![图片](/images/13330053-723e6c254a523c03.png)
,就可以了。
images文件夹在source下面
1 | $ ls source |
- 给文章添加tags和categories。
1 | hexo new page categories |
运行完成后source文件夹中多了categories和tags文件夹。
如果想把文章打标签和分类,在md的头文件中添加
1 |
|
添加评论系统
这里去https://www.leancloud.cn/申请一个账号。新建一个应用,左侧有一个设置-->应用凭证,复制appid和appkey。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15comments:
enable: true
use: 'valine' # valine || disqus
# valine 评论
# docs: https://valine.js.org
# You can get your appid and appkey from https://leancloud.cn
# 这里appId和appKey一定一定要改成自己的,没有的话去https://leancloud.cn这个网站注册创建一个
valine:
appId:
appKey:
avatar: mm
placeholder: 随便说点什么叭~
notify: true
visitor: true
pageSize: 10hexo命令都干啥了
hexo g:将md格式转化为html并根据时间整理在public文件夹中
hexo s:生成一个本地服务器用来调试
hexo d将发布版本(public文件夹下面)发布到github.
TOC点击失效(没有href属性)问题和右边没有拖动条
文章如果太长需要Toc目录点击可以直接定位,拖动条可以上下拖动。
这两个问题的解决:https://github.com/miiiku/hexo-theme-flexblock/issues/30
其他好看的主题和工具
artitalk可以给hexo博客添加说说功能
主题
Claudia
typography
snippet#1k star