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

这篇具有很好参考价值的文章主要介绍了薅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,工具,github

步骤一:本地配置

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)

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

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

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

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

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

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

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

互此本地与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

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

成功截图

初始化

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

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

成功截图

查看初始化文件

hexo -g 

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

截图的文件夹如下

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

启动服务

hexo s

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

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

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

将hexo博客上传github

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

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

上传

hexo deployt

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

pnpm i hexo-deployer-gi

以下是成功截图

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

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

远程访问

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

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

在本地访问一样

修改主题

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可以作为保存原始文件的仓库了文章来源地址https://www.toymoban.com/news/detail-759037.html

到了这里,关于薅github的羊毛-用pages建自己的博客或资源站 - 博客工具 - 2/2的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【实操】基于 GitHub Pages + Hexo 搭建个人博客

    《开发工具系列》 相信很多学习技术的读者朋友们,都梦想能创建一个属于自己的个人博客。现在,这将不是梦想,下面跟着 Huazie 一起利用 GitHub Pages + Hexo 搭建一个属于自己的个人博客吧。 Node.js 官方下载地址 注意: Hexo 官方建议使用 Node.js 12.0 及以上版本 笔者本地下载的

    2024年01月19日
    浏览(74)
  • 通过 jekyll 构建 github pages 博客实战笔记

    jekyll 搭建教程 安装 Ruby,请访问 下载地址。 Jekyll 是一个简单且具备博客特性的静态网站生成器。 Jekyll 中文文档 极客学院中文文档 使用以下命令安装 Jekyll。 在中国可能需要使用 代理软件 。然后,请等待并学习如何使用它。 或者,您可以使用 rails 替代 Jekyll。 如果您使用

    2024年02月04日
    浏览(71)
  • 超详细Hexo+Github Page搭建技术博客教程

    博客有第三方平台,也可以自建,比较早的有博客园、CSDN,近几年新兴的也比较多诸如:WordPress、segmentFault、简书、掘金、知乎专栏、Github Page 等等。 这次我要说的就是 Github Page + Hexo 搭建个人博客的方式!Github Page 是 Github 提供的一种免费的静态网页托管服务(所以想想免

    2023年04月27日
    浏览(50)
  • 基于Hexo在GitHub Pages上搭建博客的方法

    或许说这是本站从无到有搭建的记录更为准确。 本站?什么本站?总不能是CSDN吧?这里指的是我的个人博客网站 Karubon.moe ,这篇博客基于搭建这个网站时得到的经验教训编写。喜欢这篇博客的话不妨去我的网站看看呀。 在寒假的中期,百般聊赖之下,终于是打算拥有一个自

    2024年02月22日
    浏览(45)
  • 如何使用Jekyll在GitHub Pages上搭建网站(个人博客)

    本文很长,建议使用侧边栏进行跳转。 Jekyll 是一个基于 Ruby 语言的,用于搭建静态网站的生成器,主要用于搭建博客网站(官方自己的介绍为:Jekyll is a blog-aware, static site generator in Ruby)。但是虽然是静态网站,但是可以实现一些使用数据库的动态网站的效果和功能,是很不

    2024年02月06日
    浏览(83)
  • Github Pages 访问速度慢,使用vercel部署静态博客提高访问速度

    国内 Github Pages 速度较慢。使用ping工具测试一下发现速度慢道发火。 vercel 速度快且能够自定义域名,能实现和 Github Pages 一样的效果 vercel 官方地址:https://vercel.com/ 这是没有接入vercel之前的ping的速度: 接入之后的速度:   首先注册一个账号,使用github登陆也可以,然后需

    2024年02月06日
    浏览(60)
  • 通过 Github workflows CI/CD 自动化部署 Github Pages hugo 免费博客

    文章博客地址:https://blog.taoluyuan.com/posts/github-workflows/ GitHub Actions 介绍 GitHub 文档:https://docs.github.com/zh/actions/learn-github-actions/understanding-github-actions 官方介绍: GitHub Actions 是一种持续集成和持续交付 (CI/CD) 平台,可用于自动执行生成、测试和部署管道。 您可以创建工作流程来

    2024年02月07日
    浏览(57)
  • github pages 用法详解 发布自己的网站

    github pages 基础用法 URL 规则 假设你的 github 帐号为 mygithub,需要发布的仓库名为 myrepo,那么 pages 的 URL 为: https://mygithub.github.io/myrepo 添加内容 用任意编辑器写好(或者生成)标准的网页内容,push 到 myrepo 即可。和大部分 web 服务一样,pages 会到指定目录里面寻找 index.html

    2024年02月13日
    浏览(43)
  • 从零用VitePress搭建博客教程(7) -– 如何用Github Actions自动化部署到Github Pages?

    接上一节: 从零用VitePress搭建博客教程(6) -– 第三方组件库的使用和VitePress搭建组件库文档  我们搭建完成vitePress后,那么接下来就是如何部署到线上服务器,这里使用Github Pages,免得自己购买服务器,当然你也可以自己购买服务器来部署(比如阿里云服务器)。 在部署之

    2024年02月08日
    浏览(73)
  • 从零开始:VuePress2 + GitHub Pages 搭建你的第一个免费博客网站

    可能你也想拥有一个属于自己的博客网站,但是自己搭个博客网站不知道从何下手,而且还需要租个云服务器,虽然一个月只需几十块钱,但是我们的博客网站是要长期维护的,日积月累也要不少钱呢。 现在我就教你用 VuePress2 + GitHub Pages 搭建个人博客网站,不用服务器,完

    2024年02月04日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包