一步步在 github pages 上用 jekyll 搭建属于自己的博客

这篇具有很好参考价值的文章主要介绍了一步步在 github pages 上用 jekyll 搭建属于自己的博客。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

我的专业与互联网没有太大关系,接触博客还是工作以后的事情。随着工作的经验增加,总想将自己的所思所得记录下来,毕竟,好记性不如烂笔头。

开始是将自己的总结在本地保存,但是本地有一个劣势,就是不能随时随地的查看,最重要的是,不能随时随地的装X,所以,最后转到了简书,转到简书,是17年的时候,那个时候,简书的质量还是有保证,但是,随着简书的发展,广告越来越多,文章质量越来越差,而且首页推送的文章太多关于性的东西,重要是,慢慢地也出现了好多标题党,让人烦不胜烦。

无奈之下,只有尝试去寻找新的平台...

此时,盯了很多家,比如博客园,csdn, 知乎,少数派等。除了知乎让我比较满意外,其它都有广告,当然,知乎也有,不过,知乎的质量在那儿,所以,广告也就不那么在意了。但是知乎是问答型社区,与自己这无病呻吟小年轻的风格又有点不搭,在上面写一篇文章,确实是要一定的专业深度的,当然,灌水这种事情,我不愿意去做。

最后,结论就是各个平台都不满意。

那就自己搭建一个博客平台吧...

博客选择

搭建个人博客,有很多种方案。

因最近经济压力大,所以,本着能省几毛是几毛的理念,便选择了平台免费,功能强大,上手简单的组合:github pages +jekyll 来搭建自己的博客 明不知昔。

为什么选择这个组合呢?

  1. 服务器选择
    收费的云服务器什么的就不考虑了,那么免费且还能搭建博客的,主要的选择就是 github pages 和 gittee pages。前者的服务器在国外,因为墙的原因,速度较慢,但是上面的资源多,为微软家的东西,质量有保证,生态齐全,且自带了jekyll编译器,这个是很重要的一点,如果用jekyll作为博客平台,那么只需要上传源文件,本地不需要进行编译,这样本地就不需要安装复杂的环境了。后者的服务器在中国,响应速度快,但是不支持jekyll编译,如果想在其它电脑更新博客文章,还得在电脑上下载一系列的 jekyll 环境,太麻烦了, 所以,果断放弃。
  2. 语言选择
    构建 pages 有两种语言,分别是 jekyll 和 hexo,据查阅的各种资料显示,使用 hexo 比 jekyll 更有优势,但是jekyll 可以把原文上传到 github,就可以直接生成博客,也可以用在线编辑器处理,而 hexo 则要是本地生成 html 再上传,要求有本地node环境。所以还是 jekyll 省心,以后直接用 git 就可以解决一切了。

开始部署

  1. 建立自己的 github 账户,请自行百度或者点击下面的链接。

创建我的GitHub账号及使用

  1. Fork 本主题的仓库
  • 进入galensgan.github.io
  • 点击右上角的Fork按钮,见下图
  • 进入自己的克隆的仓库,然后点击 Settings, 也可以直接输入这个地址: https://github.com/你的用户名/galensgan.github.io/settings
  • 将仓库名称改为:你的用户名.github.io 形式,点击 Rename 重命名
  1. 自己的博客网站就初步建立了,你可以在浏览器中输入自己的网址访问:你的用户名.github.io

  2. 开始定制博客内容

  • 下载并安装git
    传送门-Git安装
  • 进入到自己的仓库:点击 Clone or download, 然后复制框中显示的URL
  • 在你想将代码放置的目录处,右键 >> Git Bash Here
  • 在弹出的黑窗体中输入:git clone 你复制的url >> 回车,开始克隆代码
  • 克隆完成以后,进入目录修改相关内容,变成自己的信息,下面列出经常用到或者是需要修改的目录:
目录名称 作用
_drafts 草稿,如果未完成的文章,可以放在里面,在里面的文章不会显示在博客上
_post 发表的文章放在这里
about 关于中的内容写在这里
_config.yml 此为网站的配置文件,所有的界面的信息和功能,都里面进行设置

修改 _config.yml 为你自己的博客内容,同时,在post放入自己的 markdown 格式的文章

  • 对文章格式的要求:
    • 标题名称:年-月-日-唯一识别号,比如 2019-11-23-template
    • 正文内容:每个头部要有如下格式
layout: post
category: template
title: this is a template
tagline: by 明不知昔
tags: 
  - template
  - blog
published: true

同时注意,每一个冒号后面需有一个空格

  1. 推送到github完成更新

你进入你的本地仓库目录里面(与.git目录同级),右键 >> 右键 >> Git Bash Here >> 在弹出的黑窗体中依次输入下面的内容,每输入一行,按一次回车

git add . 
git commit -m "这里是你提交的内容的描述,比如:初始化自己的博客"
git push

到此,属于自己的博客就完成了,再次在网页中打开你的用户名.github.io, 看看效果吧~

致谢

  1. simpleyyt.github.io

本文首发于明不知昔,转载请注明出处。文章来源地址https://www.toymoban.com/news/detail-807289.html

到了这里,关于一步步在 github pages 上用 jekyll 搭建属于自己的博客的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 通过Jekyll Chirpy主题搭建Github Page记录

    我先是follow这个教程: keysaim教程 它提供了如何从git repo建立自己的github.io,跟随这个教程知道新建了输出hello world的页面。 https://tungsten106.github.io/ 这个页面有了内容 但是我卡在了选择主题的部分,原博主选择了Huxpro 作为主题,但我决定参考另外一个。 这个主题叫jekyll-th

    2024年02月05日
    浏览(57)
  • 使用 Jekyll 在 GitHub 上搭建个人博客

    原文转载于个人博客文章 使用 Jekyll 在 GitHub 上搭建个人博客 搭建流程: 下载安装配置Git GitHub创建公共仓库 克隆本地仓库 克隆博客模板 博客基础功能设置 设置评论功能 上传GitHub 下载 Git官网 Git 安装配置参考以下教程 创建仓库名结尾为 * .github.io 的公共仓库 示范:ChenPe

    2024年01月15日
    浏览(61)
  • 【Zblog搭建博客网站】windows环境搭建属于自己的博客并发布上线

    转载自cpolar极点云文章:【Zblog建站】搭建属于自己的博客网站,并内网穿透实现公网访问 想要成为一个合格的技术宅或程序员,自己搭建网站制作网页是绕不开的项目。就以笔者自己的经历来说,就被自制网页网站卡过很久。不过随着电脑技术的发展,已经出现了很多便捷

    2024年02月15日
    浏览(44)
  • 薅github的羊毛-用pages建自己的博客或资源站 - 博客工具 - 2/2

    笔者调研了好多个静态博客工具,最后锁定Hexo了,但不等于其他博客不行。我只吐槽两个 Hugo - 难用 Gridea - 简直就是骗钱的,我交钱用不了 theme没有链接,同步也同步不了,估计以前是可以,现在经营不下去,挂在寻利用长尾效应薅点钱 - 笔者最近计划给孩子搞一个静态博客

    2024年02月04日
    浏览(52)
  • 如何零基础零费用的在30分钟内用hugo+github pages创建一个专属于你的个人博客 - 简单快捷到建议人手一个

    写这篇文章的原因是在网上看了很多的教程,踩了不少的坑,更多的白费了很多功夫,也没找到一篇从头到尾完整有效的个人建站方法。 有些教程年代久远,有些教程极为繁琐,有些教程压根跑不通。 为了方便自己,做个记录,也方便大家,在这个人人都可以发声的时代,

    2024年01月22日
    浏览(56)
  • Gitbook超详细使用教程,搭建属于你自己的博客!

    Gitbook 是一个平台,允许用户创建和分享内容丰富的在线书籍。它有一个用户友好的界面,可以快速地写作、编辑和发布你的电子书。这里是一个按照 Gitbook 的基本步骤 打开GitBook官网,这里我选择使用github账号来登录,当然你也可以自己新建一个账号 点击左下角的加号,选

    2024年02月04日
    浏览(44)
  • 手机也可以搭建个人博客?安卓Termux+Hexo搭建属于你自己的博客网站【cpolar实现公网访问】

    Hexo 是一个用 Nodejs 编写的快速、简洁且高效的博客框架。Hexo 使用 Markdown 解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 下面介绍在Termux中安装个人hexo博客并结合cpolar工具实现远程访问。 Hexo 是用 Nodejs 编写的,所以安装的话先安装node.js,termux 也是封装了,一行命

    2024年02月09日
    浏览(69)
  • 【实操】基于 GitHub Pages + Hexo 搭建个人博客

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

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

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

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

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

    2024年02月22日
    浏览(43)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包