薅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直接在终端

步骤一:本地配置

cd 
ssh-keygen -t ras -C ‘xx@xx.com'
# 会生成
# 在windows,如果出现 unknown key type -rsa可试试用以下方式
ssh-keygen -C ‘xx@xx.com'
该地址是上一篇文章 注册 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" 按钮

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

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

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

步骤三、测试是否成功

ssh -T git@github.com

根据提示选'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

成功截图

初始化

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

成功截图

查看初始化文件

hexo -g 

截图的文件夹如下

启动服务

hexo s

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

将hexo博客上传github

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

上传

hexo deployt

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

pnpm i hexo-deployer-gi

以下是成功截图

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

远程访问

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

在本地访问一样

修改主题

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可以作为保存原始文件的仓库了

  • 7
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值