0x1
让你爱上码字的感觉, 不需要任何技术, 思想的火花就通过指尖的跃动显示出来. 或分享大众, 或自己雪藏.
0x2 准备材料
- 域名 `example.org` (可选)
- GitHub 账号 `cvbox`
0x3 安装工具
Mac 下安装 homebrew, 如果已经安装, 跳过此步
Ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
安装 node
brew install node
安装 hexo
NPM install -g hexo-cli #-g 表示全局安装
初始化博客, 选择一个目录执行下面命令, 这里用 cvbox 来进行演示, 如无特别声明, 后续都在 cvbox 下进行操作
- hexo init cvbox
- cd cvbox
- NPM install
- hexo g
- hexo s
本地测试预览
http://localhost:4000/
安装 Git
brew install Git
更改主题 (yilla)
- # 这款主题简单优雅
- # 在 cvbox 目录下执行
- Git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
- # 下载完成后, 更改 cvbox 目录下的_config.YAML 中
- theme: yilia
- # 重新生成博客页面并进行预览, 查看最终效果
- hexo g
- hexo s
到此, 差不多在本地能看到新主题博客的预览效果了
- <img src="/assets/image-20191005214317956.png" alt="image-20191005214317956"
- style="zoom:50%;" />
- image.PNG
0x4 推送站点
当然, 不止步于此. 我们需要在网络中找个房子给这些机灵的文字精灵, GitHub pages 或者 coding 的 pages 都是一个不错的选择. 后者对国内用户相对友好.
建立一个以 GitHub 用户名为前缀的仓库 (xxx.GitHub.io), 下图截图的 cvbox 就是托管本博客仓库的 GitHub 账号, 所以取名为 cvbox.GitHub.io, 切记不要搞错
- <img src="/assets/image-20191005214733420.png" alt="image-20191005214733420"
- style="zoom:50%;" />
- image.PNG
创建完成后, 复制下图中的地址
- https://github.com/cvbox/cvbox.github.io.git
- image.PNG
- <img src="/assets/image-20191005215100601.png" alt="image-20191005215100601" style="zoom:50%;" />
生成本地公钥并添加到 GitHub, 此步骤是为了能够实现无密码获取到对 GitHub 仓库的操作权限, 为后续的第 4 步骤提供基础条件
- SSH-keygen -t rsa -C "邮件地址 @youremail.com"
- # 一路回车, 执行完成后
- cd
- cat .SSH/id_rsa.pub
复制下面这样一坨马赛克一样的东西
- image.PNG
- <img src="/assets/image-20191005222540433.png" alt="image-20191005222540433" style="zoom:50%;" />
- # 浏览器中打开页面 https://github.com/settings/keys, 并把复制的公钥贴到 sshkeys 栏目中
- image.PNG
- <img src="/assets/image-20191005221828045.png" alt="image-20191005221828045" style="zoom:30%;" />
修改 cvbox 下_config.YAML, 根据具体情况, 更改为自己的对应仓库链接
- deploy:
- type: Git
- repo: https://github.com/cvbox/cvbox.github.io.git
- branch: master
浏览器中访问 cvbox.GitHub.io, 验证部署成功
推送博客页面到 GitHub, 此步骤可选
0x5 优雅的书写
到了这里, 简单的博客就搭建好了, 恭喜
那么如何体验顺滑书写的感觉呢, 毕竟有图文, 要插入图片, 图床这些概念都不懂啊, 而且以后想迁移我的这些数据, 图床不服务了, 这些成本也不小啊.
不用担心, 这里的方式, 图片还是在自己的本地, 不会再使用到第三方, 全部跟网页一样都托管到了 GitHub
插入图片的小技巧
在 source 下建立 assets 文件夹, 用来存放文章用到的图片
设置 typora 的文件复制路径, Typora - 偏好设置 - 图像 - 复制到指定路径 -../assets
image.PNG
0x7 保存你的源文件
Git commit
主题也进行了修改了如何保存
Git submodule add xxx
0x8 添加 CDN
那个, 我先添加 cdn 没问题 cloudflare 帮你解决
0x9 支持 HTTPS
那个 我还想加个小锁, https, 自定义域名
0xa 支持私密浏览
文章只有自己看, 加个小密码
切换到根目录
NPM install hexo-blog-encrypt --save
开启加密开关, 在外层的_config.YAML 中添加
- encrypt:
- enable: true
在期望加密的文章头部添加配置
---
title: 我是文章的标题
- date: 2019-10-01
- tags: [life,tool]
- password: 12345
abstract: 摘要
message: 土豆土豆, 我是地瓜
---
password: 博客加密使用的密码
abstract: 在博客的列表页显示的摘要信息
message: 密码输入框的提示信息
0xb 支持谷歌统计分析
搜索引擎看, google 分析, 百度分析等站长工具
0xc 彩蛋
更多文章可以访问我的个人原创博客 https://blog.cvbox.org/
来源: https://www.qcloud.com/developer/article/1517355