个人博客代码_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,一经查实,立即删除!

相关文章

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

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

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

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

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/来自…

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…

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

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

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…

贝塞尔曲线 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秒&#…

罗斯蒙特电磁流量计8723说明书_罗斯蒙特8732E电磁流量计对环境和温度的限制

今天我们来说说美国罗斯蒙特8732E电磁流量计对环境和温度的限制&#xff01;工作温度-40 到 60C(-40 到 140F)&#xff0c;无本地操作界面-20 到 60C(-4 到 140F)&#xff0c;有本地操作界面当温度低于 -20C 时&#xff0c;本地操作界面 (LOI) 将无显示储存-40 到 85C(-40 到 1…

python字符串定义符_python入门——定义字符串

坚持每天更新&#xff0c;帮助入门python。kali linux 小伙伴们&#xff0c;大家好&#xff0c;今下午我们一起学习在python中定义字符串。 那么什么是字符串呢&#xff1f;字符串或串(String)是由数字、字母、下划线组成的一串字符。说白了&#xff0c;就是一堆字符。 在pytho…

耳机不分主从是什么意思_开学必备高性价蓝牙耳机,学生党时尚配件推荐

耳机自从手机出世之后就一直伴随着我们&#xff0c;作为手机的最佳搭档被我们使用&#xff0c;像现如今流行的蓝牙耳机我们就经常使用&#xff0c;大学生也是差不多每天都用得着&#xff0c;听歌、散步、玩游戏、看剧等哪都看得到它的身影&#xff0c;当然蓝牙耳机价格也有高低…

11g java 驱动_Oracle 11g Java驱动包ojdbc6.jar安装到maven库,并查看jar具体版本号

ojdbc6.jar下载Oracle官方宣布的Oracle数据库11g的驱动jar包是ojdbc6.jarojdbc6.jar下载地址&#xff1a;https://www.oracle.com/technetwork/database/enterprise-edition/jdbc-112010-090769.html (Oracle Database 11g Release 2 (11.2.0.4) JDBC Drivers & UCP Downlo…

功放音量调节原理_玩汽车音响,功放和喇叭,应该如何做好匹配?

原标题&#xff1a;玩汽车音响&#xff0c;功放和喇叭&#xff0c;应该如何做好匹配&#xff1f;功放和喇叭搭配使用&#xff0c;离不开合理匹配&#xff0c;那么如何做好两者匹配呢&#xff1f;功放和喇叭要做到三匹配&#xff1a;阻抗匹配、功率匹配和工作频率匹配。只有这样…

java seekbar_SeekBar的基本使用方法

a)什么是SeekBarb)使用SeekBar的步骤:i.在布局文件当中声明SeekBar: ii.定义一个OnSeekBarChangeListener: private class SeekBarListener implements SeekBar.OnSeekBarChangeListener{public void onProgressChanged(SeekBar seekBar,int progress,Boolean fromUser){System…

线程中如何使用对象_在 Flink 算子中使用多线程如何保证不丢数据?

简介&#xff1a; 本人通过分析痛点、同步批量请求优化为异步请求、多线程 Client 模式、Flink 算子内多线程实现以及总结四部分帮助大家理解 Flink 中使用多线程的优化及在 Flink 算子中使用多线程如何保证不丢数据。分析痛点笔者线上有一个 Flink 任务消费 Kafka 数据&#x…

linux回到桌面的命令符_三 基本的base shell 命令

1、启动shell进入 /etc/passwd 看到知道默认的是base shell ctrlaltt 或者双击终端&#xff0c;就进入如下图界面&#xff1b;如果你还是CLI新手&#xff0c;请记住&#xff0c;在输入shell命令之后&#xff0c;需要按回车键才能让shell执行你输入的命令。2、bash 手册man 命令…

java单纯形法_单纯形法 - fjzzq2002 - 博客园

看了集训队答辩&#xff0c;感觉要学习的有杜教筛高级版、线性规划、FFT、仙人掌、高级版线段树不出意外的话一个月内博客内都不会有别的东西了QAQ首先是喜闻乐见的单纯形法解线性规划。今年(2016年)和线性规划有关的集训队论文有两篇&#xff0c;大家可以自行翻一下集训队论文…