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

开始是将自己的总结在本地保存,但是本地有一个劣势,就是不能随时随地的查看,最重要的是,不能随时随地的装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 本主题的仓库

  • 进入自己的克隆的仓库,然后点击 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

本文首发于明不知昔,转载请注明出处。

一步步在 github pages 上用 jekyll 搭建属于自己的博客的更多相关文章

  1. 在github Pages上部署octopress搭建个人博客系统

    原文链接:http://caiqinghua.github.io/blog/2013/08/26/deploy-octopress-to-github-pages/ 引子 上一篇博客已经说了为什么要搭 ...

  2. Github、Jekyll 搭建及优化静态博客方法指南

    尝试自己写 Blog 的人,一般会经历三个阶段. 第一阶段,刚接触 Blog,觉得很新鲜,试着选择一个免费空间来写. 第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客. 第三阶段,觉 ...

  3. 利用github pages五分钟建好个人网站+个人博客

    笔者自己在建个人网站/个人博客的时候其实遇到了不少麻烦,但是都一一解决了,这里教给大家最简单的方式. 首先你需要一个GitHub账号,访问https://github.com创建新账号即可. 然后访问 ...

  4. GitHub Pages 与 Gitee Pages 上的 Jekyll

    GitHub 与 Gitee 提供的 Pages 服务中,均内嵌了 Jekyll 支持(Gitee 还提供了 Hugo 与 Hexo 支持).所谓「支持」,即指这些生成工具挂在云端:你只需要提供原始代 ...

  5. 利用Octopress在github pages上搭建个人博客

    利用Octopress在github pages上搭建个人博客 SEP 29TH, 2013 在GitHub Pages上用Octopress搭建博客,需要安装ruby环境.git环境等.本人在Fed ...

  6. 利用Github和Hexo搭建独立的个人博客--基础篇

    利用Github和Hexo搭建独立的个人博客--基础篇 摘要:本文主要参考了使用hexo和Github上创建自己的博客.如何搭建一个独立博客--简明Github Pages与Hexo教程和使用GitH ...

  7. 使用jekyll在GitHub Pages上搭建个人博客【转】

    网上有不少资源,但大多是“授人以鱼”,文中一步一步的告诉你怎么做,却没有解释为什么,以及他是如何知道的.他们默认着你知道种种专业名词的含义,默认着你掌握着特定技能.你折腾半天,查资料,看教程,一步步下 ...

  8. 用Octopress在Github pages上写博客

    安装Git环境 下载msysgit(git for windows),并安装. 可以选择安装TortoiseGit,这个在windows的资源管理器里装了很多git的右键菜单,对git命令行不熟悉的同 ...

  9. 让搭建在 Github Pages 上的 Hexo 博客可以被 Google 搜索到

    title: 让搭建在Github Pages上的Hexo博客可以被Google搜索到 date: 2019-05-30 23:35:44 tags: 配置 --- 准备工作 搭建好的博客 npm & ...

随机推荐

  1. 2019 北森java面试笔试题 (含面试题解析)

      本人5年开发经验.18年年底开始跑路找工作,在互联网寒冬下成功拿到阿里巴巴.今日头条.北森等公司offer,岗位是Java后端开发,因为发展原因最终选择去了北森,入职一年时间了,也成为了面试官,之 ...

  2. 高强度学习训练第四天总结:JVM+Redis

    JVM 复习了JVM堆内存的几个模块. 复习了JVM的几个控制工具. 复习了JVM发展历史 Redis 复习了Redis的事务控制.

  3. Vue新手入门教程

    谈谈我对Vue的理解 vue就是前端上的Java,前端上的C#.有个前端的虚拟DOM引擎,设计理念和Java,C#类似.我们只需要告诉DOM应该显示什么,而不用去操作DOM元素. 如何引用? 下面是一 ...

  4. 续~ES6 新语法 (symbol、set集合、 数组对象的filter(),reduce(),weakset(),map()方法)

    一.symbol 回顾数据类型: 基本类型(原始类型): String Number Boolean Undifined Null Symbol 引用类型: Objects 1.1 创建symbol ...

  5. Electron使用时拦截HTTP请求的解决方案

    背景 最近在做一个Web和Electron共用一份代码的工程,由于使用到了第三方的库(我们是在线地图),该库的认证方式是请求时加key,并且它在后台会校验referer. 于是问题就来了,Electr ...

  6. 新手入门必看:VectorDraw 常见问题整理大全(二)

    VectorDraw Developer Framework(VDF)是一个用于应用程序可视化的图形引擎库.有了VDF提供的功能,您可以轻松地创建.编辑.管理.输出.输入和打印2D和3D图形文件.该库 ...

  7. 不了解MES系统中的看板管理?看完本文就懂了

    如果想要在生产车间中,让生产过程管理都处在“看得见”的状态,那么看板可视化管理的导入是你的不二选择. MES看板包括四个部分:生产任务看板.各生产单位生产情况看板.质量看板和物料看板,其中生产任务看板 ...

  8. Unity中AndroidManifest增加权限,打开应用时不弹出权限申请

    一 屏蔽第一次打开apk时权限弹窗: 在Activity下添加<meta-data android:name="unityplayer.SkipPermissionsDialog&qu ...

  9. 8种常见数据结构及其Javascript实现

    摘要: 面试常问的知识点啊... 原文:常见数据结构和Javascript实现总结 作者:MudOnTire Fundebug经授权转载,版权归原作者所有. 做前端的同学不少都是自学成才或者半路出家, ...

  10. Spring Cloud Netflix之Euraka Server注册中心

    Spring Cloud简介 Spring Cloud是基于Spring Boot的一套实现微服务架构的生态组件.生态组件中包含Spring Cloud NetFlix,Spring Cloud Fe ...