0%

blog 计划第一步: hexo + github page 搭建

个人博客之路

26岁了才开始写博客,不算早,也应该来得及

平时有记笔记的习惯,但是都零零散散,回想起来了就去翻一翻,和别人交流起来最多话是 “这这这,我好像有接触过,我有点印象”,终究没有形成积累。时光匆匆,我竟没有找到过去的影子。

方案及平台

github page
hexo
hexo主题: hexo-theme-next
nodejs: 12.18.3
npm: 6.14.6
安装包地址:https://npm.taobao.org/dist
不建议通过apt-get 进行安装,版本太低,hexo有nodejs的版本要求
## github准备
在个人账号下新建仓库名为 .github.io
## hexo安装
下载安装包,并解压到/opt,把路径下的,node,npm执行文件软链到/local/bin下
全局安装hexo 
npm install -g hexo

1
2
3
hexo init
//本地运行
hexo s

打开localhost:4000查看效果
目录结构:

1
2
3
4
5
6
7
├── _config.yml
├── package.json
├── scaffolds
├── source
 |   ├── _drafts
 |   └── _posts
└── themes

_config.yml文件用于存放网站的配置信息,你可以在此配置大部分的参数;
scaffolds是存放模板的文件夹,当新建文章时,Hexo会根据scaffold来建立文件;
source是资源文件夹,用于存放用户资源
themes是主题文件夹,存放博客主题,Hexo 会根据主题来生成静态页面。
### 通过 hexo-deployer-git 部署
(略)完成了主机的git配置,name/mail/ssh key 等等
编辑 _congif.yml

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: <你的仓库地址> # https://github.com/xxxx/xxxx.github.io
  branch: master

 npm install hexo-deployer-git --save
hexo deploy
## 安装next主题
在blog根目录下 
git clone https://github.com/theme-next/hexo-theme-next themes/next
修改_config.yml
theme: next
其他
美化方案 https://blog.csdn.net/nightmare_dimple/article/details/86661502

绑定域名

  • css无法加载(出现蓝底白字)
    此处由于_config.yml里的url 或 url+root设置问题,导致不能找到资源
    修改为
    1
    2
    url:  https://xxx.github.io
    root: /xxx.github.io

hexo的使用

未完待续