薅github的羊毛-用pages建自己的博客或资源站 - 博客工具 - 2/2

笔者调研了好多个静态博客工具,最后锁定Hexo了,但不等于其他博客不行。我只吐槽两个

  1. Hugo - 难用
  2. Gridea - 简直就是骗钱的,我交钱用不了 theme没有链接,同步也同步不了,估计以前是可以,现在经营不下去,挂在寻利用长尾效应薅点钱 -
笔者最近计划给孩子搞一个静态博客,从小培养写作的能力与习惯。

前提

安装git

其实在 上一篇( 薅github的羊毛-用pages建自己的博客或静态资源站) 就需要安装,但放在这里主要是为了将操作都放在一块。

官网下载页:Git - Downloads 直接下载,点击安装即可。

nodejs

也同git一样,上官网下载点安装即可。 Download | Node.js

配置'连接'至github并仓库博客原始仓库到本地

windows系统打开Git Bash, Linux直接在终端

薅github的羊毛-用pages建自己的博客或资源站 - 博客工具 - 2/2_第1张图片

步骤一:本地配置

cd 
ssh-keygen -t ras -C ‘[email protected]'
# 会生成
# 在windows,如果出现 unknown key type -rsa可试试用以下方式
ssh-keygen -C ‘[email protected]'
该地址是上一篇文章 注册 github时用的邮箱,配置的目的是要将github仓库与本地机器连起来,这样可以将文本提交到仓库里,浏览器就可以看到了。
  1. 连续输入3个回车,同时请记住配置路径

步骤二:粘贴key到github上

  1. 从'/c/Users/用户名/.ssh/id_ras.pub'文件中复制key备用
(/c/Users/用户名/.ssh/id_ras)

2. 进入github,进入对应的仓库( 笔者的仓库是 https:/...http://github.com/sarah ) 点“Setting" 按钮

薅github的羊毛-用pages建自己的博客或资源站 - 博客工具 - 2/2_第2张图片

3. 进入左侧的SSH and GPG key菜单项,点New SSH keys

薅github的羊毛-用pages建自己的博客或资源站 - 博客工具 - 2/2_第3张图片

4. 将刚刚复制key配置到下面的对应框中,并取个title, 点 'Add SSH Key'

薅github的羊毛-用pages建自己的博客或资源站 - 博客工具 - 2/2_第4张图片

互此本地与github之间的连接配好了

步骤三、测试是否成功

ssh -T [email protected]

根据提示选'Yes',如果有'Success'提示,说明成功了。

步骤四:配置本地config - 感觉也可以不用配置

git config --global user.name '帐号'
git config --global user.email '...@...'

步骤五、拉取仓库信息到本地

mkdir myblog
cd /.../myblog
git clone https://www.github.com/feicuimeipo/sarah.git

安装Hexo与本地启动博客

全局安装

pnpm i hexo --registry https://registry.npm.taobao.org -g

薅github的羊毛-用pages建自己的博客或资源站 - 博客工具 - 2/2_第5张图片

成功截图

初始化

mkdir myblog #刚刚拉仓库的地方
hexo init

薅github的羊毛-用pages建自己的博客或资源站 - 博客工具 - 2/2_第6张图片

成功截图

查看初始化文件

hexo -g 

薅github的羊毛-用pages建自己的博客或资源站 - 博客工具 - 2/2_第7张图片

截图的文件夹如下

薅github的羊毛-用pages建自己的博客或资源站 - 博客工具 - 2/2_第8张图片

启动服务

hexo s

激动人心的时刻到了,您可以在本地浏览器上输入 http://localhost:4000/ 访问自己的主页了(默认主题)

薅github的羊毛-用pages建自己的博客或资源站 - 博客工具 - 2/2_第9张图片

将hexo博客上传github

打开根目录下的*_config.yml*中deploy的部分,修改如下:

薅github的羊毛-用pages建自己的博客或资源站 - 博客工具 - 2/2_第10张图片

上传

hexo deployt

如出现 ERROR Deployer not found: git w安装如下插件

pnpm i hexo-deployer-gi

以下是成功截图

薅github的羊毛-用pages建自己的博客或资源站 - 博客工具 - 2/2_第11张图片

cd myblog/
git add *
git commit -m 'update'
git push

远程访问

配置过程见  薅github的羊毛-用pages建自己的博客或静态资源站
https://feicuimeipo.github.io/

薅github的羊毛-用pages建自己的博客或资源站 - 博客工具 - 2/2_第12张图片

在本地访问一样

修改主题

pnpm i hexo-theme-volantis

添加文章

hexo new 英语测试
进入source\_posts\英语测试.md 下编写具体内容即可

启动看效果

hexo s

改进

1. 自定义域名转向

2 . 路径问题

3. SEO

4. 修改主题、创建文件夹、标签、友情链接、关于等

TIP

该文章比上文的区别

1. 将仓库名改为 <帐号名>.github.io了 - 这样可以直接 <帐号名>.github.io 访问,无需加上下文

2.pages设置在dist的分支上,main可以作为保存原始文件的仓库了

你可能感兴趣的:(工具,github)