个人博客代码_Jekyll + Github Pages 搭建个人免费博客

a19451b430ff0a5d708c3f2320113542.png

今天亲手通过 Jekyll 搭建了一套免费博客,搭建步骤其实超级简单。你不需要购买域名,也不需要购买服务器,就可以轻松拥有你自己的博客。Jekyll 的核心是一个文本转换引擎。它的方便之处在于支持多种文本标记语言:Markdown,Textile,HTML,然后 Jekyll 就会帮你加入你选择主题的样式的布局中。最终生成你自己的静态博客网站。

博客搭建步骤

1.安装环境1.1 安装Ruby
官网地址:https://rubyinstaller.org/downloads/
根据自己的需要下载不同版本,直接点击“下一步”就可轻松安装成功。

1.2 安装RubyGems
官网地址:https://rubygems.org/pages/download
据自己的需要下载不同版本。解压压缩文件到本地。在 CMD 命令窗口执行如下命令:

cd D:下载rubygems-3.0.6rubygems-3.0.6	#切换文件目录 
ruby setup.rb        #安装
rubygems ruby -v     #查看rubygems版本号

1.3 安装Jekyll
以上两个步骤操作完成后,在 CMD 窗口执行如下命令安装Jekyll:

gem install jekyll   #安装jekyll  
jekyll -v    #查看jekyll版本号

2.本地搭建博客
2.1 项目启动

jekyll new restlessManBlog   #新建博客 
cd restlessManBlog           #切换目录 
jekyll server                #启动项目


项目启动日志如下:

2041a2254be364d76bb8b090a5fafaed.png


在浏览器访问:http://localhost:4000/

2.2 添加 MarkDown 文档
在项目根目录下的 _posts 目录创建 markdown 文档。这里注意 md 文档命名要添加 “yyyy-mm-dd”的前缀。
例如:2019-10-11-5分钟搭建博客.md

2.3 部署代码到 Github2.3.1 创建 Github 账号
注:这里我使用的 Github 托管静态博客的,你也可以选择把代码托管到 码云 或者其他平台上。
没有 Github 账号的朋友可以注册一个账号,有账号的朋友可跳过。

2.3.2 创建代码仓库
创建一个名称为 ‘账号名称.http://github.io’。例如:我的账号名是helloRestlessMan,仓库名就是 helloRestlessMan.github.io

2.3.3 部署代码到Github
在我们创建的博客的目录找到 _site 目录,将 _site 目录下的所有文件都提交到Github上。

c45720a8dab3d073667eef7d686d1c65.png


操作步骤:

git clone https://github.com/helloRestlessMan/helloRestlessMan.github.io.git    
#克隆远程代码到本地 
拷贝_site 文件到 helloRestlessMan.github.io cd helloRestlessMan.github.io 
git add .   #git 命令添加所有文件 
git commit -m "创建 Jekyll 个人博客"      #git 提交文件 
git push    #git 推送代码到远程

2.4部署代码到码云(Gitee)
创建与账号名相同的仓库,如下图:

23fc553a9a1baf84a92439e80a47de99.png


提交代码到 Gitee 上,再开启 Gitee Pages 服务即可。

dbd2081043d65153e197c06fa595b5bb.png


最后就可以访问了。http://huaairen.gitee.io/

2.5 访问自己的博客网站
效果如下图:

873a64c07a21f4d395308708816d65e9.png

2.6 切换主题
我这里下载的主题是 mundana-jekyll-theme,

主题下载地址:http://jekyllthemes.org/themes/mundana-jekyll-theme/注:可能存在兼容性问题,使用下面的命令

cd mundana-jekyll-theme bundle install    #安装依赖 
bundle exec jekyll serve   #运行项目


我的博客地址:https://hellorestlessman.github.io/
项目运行效果:

0594a8a4d1ecce7ae6a25ca73e9f13ef.png

丰富的主题自由选择


这里推荐两款 Jekyll 主题的网站:
1.官方主题网站:http://jekyllthemes.org/
2.Github 上的博客模板:https://github.com/jekyll/jekyll/wiki/Sites

文章推荐


1. Github + hexo matery 主题搭建免费博客
2. 5分钟搭建私人Java博客系统
3. 手把手博客搭建

参考资料
1.使用 github + jekyll 搭建个人博客
2.Github + Jekyll 搭建个人博客
3.Jekyll主题收藏
4.Gitee + Jekyll 搭建博客

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/552132.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mysql 命令desc tables_oracle中与mysql中的命令 show databases, show tables, desc table类似的命令集...

mysql> show tables-> ;----------------| Tables_in_test |----------------| sale_report || test_dysql || union_tab_1 || union_tab_2 || v_sale_report |----------------5 rows in set (0.00 sec)Oracle 使用下面的语句实现SQL> SELECT2 tabl…

js计算排名_今天,我们讲一下,快速排名与黑帽SEO

做个有心人(第7篇)在Web3.0时代,想要获得流量,就必须使用广告手段,用什么广告手段,需要切合自身情况来做,比如说:SEO是免费的,而SEM就是付费的。而SEO快速排名是什么鬼?真的快吗?快速排名究竟…

黑马h5学习代码_如何零基础制作酷炫实用的H5页面

H5页面已经成为了当下移动端主要的宣传方式,一个好的H5页面有极高的营销价值,无论是企业还是个人都非常需要。制作一个炫酷的H5页面一定要会写代码吗,下面千锋网络营销小编就给大家分享如何零基础制作炫酷实用的H5页面。支持H5的Web APP迅猛发展很重要的一点就是APP中的内容产生…

mysql链式复制_MySQL主从服务器链式复制配置(ubuntu)

服务器结构:A、B、C三台服务器; 其中A为新闻数据源,A为B的Master,B为A的Slave,同时也是C的Master;B服务器从A复制部分数据,C备份A的所有数据;配置:Master A的配置sudo vi…

bin文件如何编辑_如何为高通固件创建rawprogram0和patch0文件

这是一个分步教程,显示如何为Qualcomm固件创建rawprogram0.xml和patch0.xml文件。要求下载并安装Python https://www.python.org/downloads/release/python-2710/下载高通GPTtool [ 登录/注册免费下载]下载Notepad https://notepad-plus-plus.org/downloads/来自…

Mysql无法创建外键的原因汇总_查看MySQL创建外键约束失败详细原因的方法

以下是引用片段:LATEST FOREIGN KEY ERROR————————081210 11:57:40 Error in foreign key constraint of table dbname/tablename:foreign key (gid, uid) references table2(gid, uid)) ENGINE InnoDB:Cannot find an index in the referenced table wher…

iframe 页面富文本框数据怎么保存_文字太多PPT怎么做都丑?估计是没注意这些细节!...

秋叶 PPT 双 11 大促返场最后 1 天全场精品课享年度超值价千万别错过啦!作者:洁洁编辑:躺糖大家好,我是洁洁!作为每天倾听你们的困惑的小编之一,我 get 到了一个你们平常做 PPT 会碰到的最头疼的问题&#…

835 由于安全层无法对远程计算机进行身份验证_vscode 插件Remote-ssh远程wsl调试python

解决远程ssh端口非22的问题,见文末参考文献:Developing on Remote Machines using SSH and Visual Studio Code​code.visualstudio.com使用SSH进行远程开发Developing on Remote Machines using SSH and Visual Studio Code使用SSH进行远程开发在Visual…

vue实现查询多条记录_vue.js 实现天气查询

效果预览:http://songothao.gitee.io/weather_query_based_on_vuejs/ 项目已上传码云:叁贰壹/vuejs实现天气查询知乎视频​www.zhihu.com一、使用 axios vue.js:axios-get请求:axios.get(地址?keyvalue&key2value2).then(function(resp…

python自动化发送邮件_Python发送邮件自动化脚本

Python发送邮件自动化脚本import smtplib# 发送字符串的邮件from email.mime.text import MIMEText# 处理多种形态的邮件主体我们需要 MIMEMultipart 类# 设置服务器所需信息fromaddr AAAAAAAAqq.com # 邮件发送方邮箱地址password xxxxxxxxx # 密码(部分邮箱为授权码)toad…

idea序列化自动生成_serialVersionUID在数据序列化中重要性

作用用于判断序列化文件是否已经失效(过期)。序列化的时候会把这个ID写到文件里。读的时候会把这个ID和代码里的ID比较,如果不一致,表示文件里的已经失效。(will result in an InvalidClassException.)值写为多少你可以写为1L,也可以让IDEA帮…

win8 apache php mysql_windows8.1下Apache+Php+MySQL配置步骤

软件版本:apache:Apache 2.4.6 Win64PHP:PHP 5.5 VC11 x64 Non Thread SafeMySql:5.5 win64Mysql安装:双击运行,设置用户名、密码、编码(utf8)。PHP配置:1、解压下载的zip文件到一个目录,本教程中为&#x…

python找与7相关的数_用python统计并输出1000以内所有能同时被3和7整除的数的个数?...

展开全部 len([i for i in range(1,1001) if i%3i%70]) #!/usr/bin/python3 for i in range(1, 100): if i % 3 0 and i % 7 0: print(i) 100以内能同时被21133&#xff0c;5&#xff0c;7整除的数&#xff0c;除非是52610。 #include int main() {int i,n0; for(i0;i<100…

python读取url中存储的数据_python 给定URL 如何获取其内容,并将其保存至HTML文档。...

获取URL的内容需要用到标准库urllib包&#xff0c;其中的request模块。import urllib.requesturl‘http://www.baidu.com‘responseurllib.request.urlopen(url)stringresponse.read()htmlstring.decode(‘utf-8‘)print(html)urlopen()方法返回一个即标准库http包里的对象&…

java 字符串是否包含字符串_在Java中,如何检查字符串是否包含子字符串(忽略大小写)?...

我也赞成RegEx解决方案。 代码会更清晰。 在我知道字符串变得很大的情况下&#xff0c;我会毫不犹豫地使用toLowerCase()&#xff0c;因为字符串是不可变的并且必须被复制。 此外&#xff0c;matches()解决方案可能会令人困惑&#xff0c;因为它将正则表达式作为参数(搜索“Nee…

python导入鸢尾花数据集_Python实现鸢尾花数据集分类问题——基于skearn的SVM

1 #!/usr/bin/env python 2 #encoding: utf-8 3 __author__ Xiaolin Shen 4 from sklearn importsvm5 importnumpy as np6 from sklearn importmodel_selection7 importmatplotlib.pyplot as plt8 importmatplotlib as mpl9 from matplotlib importcolors10 11 12 13 #当使用n…

贝塞尔曲线 java_贝塞尔曲线理论及实现——Java篇

贝塞尔曲线贝塞尔曲线(The Bzier Curves)&#xff0c;是一种在计算机图形学中相当重要的参数曲线(2D&#xff0c;3D的称为曲面)。贝塞尔曲线于1962年&#xff0c;由法国工程师皮埃尔贝塞尔(Pierre Bzier)所发表&#xff0c;他运用贝塞尔曲线来为汽车的主体进行设计。线性曲线给…

java连接access_关于k8s下使用Ingress保持长连接的异常情况排查

写在前面的话应某位友人需求&#xff0c;帮整理下工作中的发生的一些值得记录的文章。于是在友人描述后&#xff0c;为其整理为了文章&#xff0c;供大家一起参考探讨。问题描述在我们中应用有一个使用到Http Long Poll的场景&#xff0c;它需要一个http请求保持最长30秒&#…

python重复命令_Python简化重复命令教案

教材分析&#xff1a; 本节主要内容是 Python 程序设计的第三节&#xff0c; 也是这一单元的重点和难点&#xff0c; 是在掌握循序结构程序的基础上真正接 触结构化程序设计&#xff0c;能够理解并掌握循环语句的含义&#xff0c;其他语句就很容易理解了。 学情分析&#xff1a…