2019/11/6 更新

看到了很多精美的Jekyll主题，在这里作为一个收集吧，随时想换就可以换

Minima，效果

Alembic

还有Hexo主题

NexT, 效果

Icarus，效果

看着那么多大牛都有自己的个人博客主页，甚是羡慕，所以我也来假装假装大牛，希望不要被识破。

参考链接，柏荧大神写的是真的详细，我是跟着他的教程手把手搭建的，过程中我也添加了一点自己的心得，本来是想要直接转载的，但现在用我的经历重新编辑分享出来，就写原创咯。

声明这是利用现有资源复现的，不具有我的知识产权。

所使用的 GitHub Pages + jekyll 的方式，下图为博客样式。

我所使用的环境为Windows，Mac的就去参照原作者的吧。

我们开始吧！

步骤一：因为安装 Jekyll 的最好方式就是使用 RubyGems，所以我们先要安装Ruby，打开Ruby下载网站，选择最新版下载，且要带上DEVKIT，如下图所示：

下载好直接安装，一步一步进行下去就好，选项里，选择添加到环境变量并且默认编码UTF-8加上，等一会就安装好了。

步骤二：然后执行

$ gem install jekyll

$ gem install jekyll bundler

$ gem install jekyll-paginate

到这里我们先停一下，访问博客的本地工具我们都装好了，那我们的博客内容呢，jekyll一查就知道是将纯文本转换为静态博客网站的方法，所以我们先来把文本的东西做好。

步骤三：直接下载我的代码库，下载好后解压，这里面包含了所有你需要的内容

然后在文件夹里打开命令提示符（按住shift再单击鼠标左键选择打开命令提示符）

然后输入：

jekyll s

正常的话会输出

然后到浏览器，输入地址http://127.0.0.1:4001/就可以在本地访问博客了。

本地访问了肯定还不够呀，我要发布到网上，利用github.io的服务器是免费的。

我这里仅仅面对已经会使用github的读者，新建一个仓库，然后把我的在这个文件夹内容直接复制粘贴过去，命名为xx.github.io即可。xx是你的github账号名，不是任意的！！！

然后修改CNAME（是将这个github.io的地址与你自己的服务器地址绑定）里面的内容，将地址改为你现在的命名，然后等一段时间就可以用https://xx.github.io访问了。发布成功后你的邮箱会收到邮件的。

上面是小白无脑搭建博客的方法，这也是我的博客，那如何修改里面的内容呢？下面简单介绍一下

_config.yml是页面配置文件，你进去之后就知道怎么相应的修改了，我写了注释的

about.html是关于页面的内容，你会点html就明白了

index.html里面可以修改座右铭内容

img文件夹是存放图片的

_posts文件夹是存放博客文章的

_layouts文件夹是博客主题设置的，可以不动

修改icon，就替换掉img文件夹下的favicon.ico文件即可

下面再讲讲如何写博客文章吧

用的是markdown语言来写的，这是一个非常高效优雅的语言，学习一下吧。

首先新建的.md文件按 2017-02-04-Hello-2017.md时间+标题的形式，空格用-替换连接。打开内容，你可以参考我的其中一个，前几行是配置，你修改一下，然后下面就可以开始写正文了。

插图记得用图床url的方式

如果还有疑问那就提出来吧

【方法】搭建自己的个人博客主页相关推荐

个人博客搭建之一步步使用Github Page创建博客主页（1）
前几天突发奇想,准备完成我以前一直想做却因为各种原因推迟的工作:建立一个技术向的个人博客这个想法在我心里已经存在很多年了,这也是我在CSDN,在简书,在Testerhome里面写各种文章的原因之一. ...
【Jekyll】使用GitHub Pages + Jekyll搭建自己的技术博客，Jekyll服务器的搭建
一.前言前段时间根据大佬-纯洁的微笑的文章-技术人如何搭建自己的技术博客,搭建了自己的个人技术博客http://www.qq764424567.top/,就将搭建的过程,以及Jekyll服务器的搭建 ...
个人博客，Springboot + Vue搭建属于自己的博客
个人博客看到别人搭建的自己的博客,想想自己的服务器买了很久也没怎么用过,于是就想搭建一个自己的博客,上传一些自己的学习笔记心得,一些笔记方便自己查看,项目是一个前后端分离的项目,后端springbo ...
一步步在GitHub上创建博客主页-最新版
github page github-page是一个免费的静态网站托管平台,由github提供,它具有以下特点: 免空间费,免流量费具有项目主页和个人主页两种选择支持页面生成,可以使用jekyll ...
腾讯云cos html,Docsify+腾讯云对象存储 COS，一键搭建云上静态博客
最近一直在想如何利用 COS 简化静态博客的搭建过程.搜了很多的静态博客搭建过程,发现大部分的静态博客都要通过编译才能生成静态页面.功夫不负有心人,终于让我找到了一个超简洁博客的搭建方法. 效果预览 ...
基于LAMP架构搭建BBS论坛或者博客
搭建一.项目简介二.环境准备 1.需要准备的软件包 2.安装前环境准备 3.编译方式 (讲究顺序) 三.编译安装MySQL 四.编译安装Apache 1.安装依赖包apr 2.安装httpd软件 ...
搭建好看的静态博客（使用Hexo进行搭建）
经常看到大牛的博客非常的高大帅气,虽然我很渣,但是逼格不能输,所以有了以下的搭建记录. 我的成果ninwoo,喜欢的可以参考下面的记录一起来动手搞起来. 安装Git Bash 访问git下载最新版本的 ...
hexo+githup搭建属于自己的博客
hexo+githup搭建属于自己的博客第一次搭建博客,遇到不少坑.CSDN.bing.谷歌.百度上都有大神的博客教授如何一步一步搭建属于自己的博客.不过我毕竟属于小白,文字有时给我的感受不是那么的 ...
使用 Github Pages 和 Hexo 搭建自己的独立博客【超级详细的小白教程】
欢迎关注我的专栏:<个人博客搭建:Hexo+Github Pages>,从搭建到美化一条龙,帮你解决 Hexo 常见问题! 推荐阅读:<Hexo 博客优化之博客美化系列(持续更新)& ...

【方法】搭建自己的个人博客主页

我们开始吧！

【方法】搭建自己的个人博客主页相关推荐

最新文章

热门文章