在你开始之前 熟悉我们的入门指南并完成Linode主机名和时区设置的步骤。 本指南尽可能使用sudo。完成“ 保护您的服务器”的相应部分以创建标准用户帐户。 config=TeX-AMS-MML\\\_HTMLorMML" type="text/javascript"></script> 2.默认的Jekyll minima主题包含与gem一起打包的_layouts 通过以下方式导航到此目录： cd $(bundle show minima) 目录树包含用于集成Disqus和Google Analytics的其他HTML文件。 注意默认主题作为gem安装。 如果项目根目录中有另一个_layouts或_includes文件夹，那些HTML文件将覆盖该主题。 3.在minima主题的_includes目录中，创建一个新的scripts.html文件。
//使用gem安装Jekyll gem install jekyll //使用Jekyll创建你的博客站点 jekyll new blog #创建你的站点 //开启Jekyll服务 //进入blog 目录,记得一定要进入创建的目录，否则服务无法开启 cd blog jekyll serve #启动你的http服务复制代码 本地服务开启后，Jekyll服务默认端口是4000 这里就需要自定义主题了。你可以选择自己开发一套，也可以直接选择已有的，然后自己再更改css布局形成自己的。jekyll主题在这里，你可以选择到你自己喜欢的主题。 下载下来，改改css，或者借用一下，就会有很漂亮的blog就出炉了。 三.使用Github Pages服务 1.创建我们自己的仓库 以下用usename代替自己的用户名 ? 2.配置我们的仓库 ? 接下来我们要做的就是把我们的Jekyll生成的blog部署到Github Pages上去即可 3.部署blog 我们先把刚刚新建的仓库git clone到本地，然后cd 到仓库的目录下，执行jekyll
腾讯云即时通信,1分钟跑通DEMO,结合开源 UI 库,快速搭建IM 应用,全球多点覆盖
上面预览图中的博客就是基于jekyll的dbyll主题风格的网站。jekyll是一个简单的免费的Blog生成工具，而dbyll就是基于jekyll的一款开源的主题项目。 dbyll简介 dbyll是一款即时尚又简约开源的jekyll博客主题。 第一步： 安装ruby 上文已经提到dbyll是基于jekyll的一款博客主题，又因为jekyll是Ruby项目，所以我们要运行dbyll首先需要先安装ruby，已经安装的可以跳过此步骤。 默认情况发表的文章会在首页进行显示，如果发现首页父不显示发表的文章，可以编辑你的index.html文件： 将for post in site.posts 改为for post in paginator.posts Pages上使用dbyll为例，来向大家演示dbyll的使用。
在CentOS，Ubuntu 按照同样步骤安装,Ruby Gems 往往都无法搭建成，每次都是依赖不对，各种奇葩原因，解决办法就是使用 RVM 安装，解决 Ruby 的环境依赖管理，而且每次安装Jekyll 但是可以配合第三方服务,例如Disqus。最关键的是jekyll可以免费部署在Github上，而且可以绑定自己的域名。 搭建Jekyll博客,需要找一套主题模板，这里可以参考:https://www.zhihu.com/question/20223939 ,以下以 mzlogin.github.io 的主题为例 1、安装 评论模块： 目前支持 disqus、gitment 和 gitalk，选用其中一种就可以了，推荐使用 gitalk。 注意： 如果使用 disqus，因为 disqus 处理用户名与域名白名单的策略存在缺陷，请一定将 disqus.username 修改成你自己的，否则请将该字段留空。
快速开始 从注册一个Github账号开始 我采用的搭建博客的方式是使用 GitHub Pages + jekyll 的方式。 若是出现 image.png 则需要 检查一下你的仓库名是否正确 整个网站结构 修改Blog前我们来看看Jekyll 网站的基础结构，当然我们的网站比这个复杂。 settings（https://disqus.com/） disqus_username: qiubaiying 很对人反映 Disqus 评论插件加载不出来，因为 Disqus 在国内加载缓慢，所以我新集成了 不能选择中文域名，比如 张三.top ,GitHub Pages 无法处理中文域名，会导致你的域名在你的主页上使用。 $ bundle install ~/my-awesome-site $ bundle exec jekyll serve # => 打开浏览器 http://localhost:4000 这段命令创建了一个默认的
Jekyll默认的社会化评论组件是disqus，第三方SNS是facebook，twitter等，不方便大陆用户使用，发现国内也有类似的社会化评论组件，比如友言等，经比较发现友言更简单易用。 替换的整个过程很简单，分为两大步： 首先要注册一个友言的账户，点击获取代码，就能获得一段和你用户相关的js代码。类似下面这样： <! -- UY END --> 然后要切换到本地来，由于Jekyll的评论组件是插件式的，很方便修改，分为下面2个步骤 修改_config.yml文件中comments:下的provider:的值为custom （默认是disqus） 在_includes目录下新建一个目录custom,在custom目录下新建一个文件comments，文件的内容就是上面从友言获得的那段代码。 的值为custom时，就加载custom/comments文件，那么其实site.JB.comments.provider的值就是刚才在_config.yml中设置的那个provider，这样就能说的通了
快速开始 从注册一个Github账号开始 我采用的搭建博客的方式是使用 GitHub Pages + jekyll 的方式。 Disqus Account 这个 Username 就是我们 _config.yml 中 disqus_username # Disqus settings（https://disqus.com/） disqus_username: qiubaiying 很对人反映 Disqus 评论插件加载不出来，因为 Disqus 在国内加载缓慢，所以我新集成了 Gitalk 评论插件（感谢@FeDemo的推荐 张三.top ,GitHub Pages 无法处理中文域名，会导致你的域名在你的主页上使用。 图片压缩工具 ImageOptim 对于我们的博客来说，图片越大，加载速度越慢。 不信你用手机打开你的博客试试~ 所以有必要对我们上传到博客网站中的图片：指的是你的头像，首页背景图片，文章背景图片等。
Jekyll非常适合需要离线工作的人，更喜欢使用轻量级编辑器进行内容维护的Web表单，并希望使用版本控制来跟踪其网站的更改。 要激活导出，请运行以下命令： source ~/.bashrc 完成之后，我们将使用gem安装Jekyll本身以及管理Gem依赖项的Bundler： gem install jekyll bundler 由于在这种情况下只允许SSH流量，我们需要打开端口4000，这是Jekyll开发服务器的默认端口： sudo ufw allow 4000 让我们仔细检查一下状态： sudo ufw status 现在我们的防火墙规则如下 第三步 - 创建新的开发站点 从我们的主目录，我们将使用Jekyll的new命令为子目录www中的站点创建脚手架： cd ~ jekyll new www 该jekyll new命令启动bundle install 以安装所需的依赖项，并自动安装名为Minima的主题。
，51cto，开源中国，博客园，简书，等等 （4）使用个人站点+微信公众号 （一）Jekyll是什么 jekyll是一个静态博客的生成器，它可以用来把我们使用markdown来写好的文章给转换成静态网页 （二）Github Pages是什么 Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务，站点可以被免费托管在 Github 上，你可以选择使用 Github Pages 默认提供的域名 jekyll-gist ` 上面对软件安装完毕后，你就可以在github上搜索一个基于jekyll模版对项目，当然你可以从网上搜索任何你喜欢的主题风格，找到之后使用git clone到自己本地： git 至此，一个属于我们自己独立的个人站点就完成了，使用jekyll+github pages优缺点如下，借用阮一峰老师的总结： 优点： * 免费，无限流量。 * 它生成的是静态网页，添加动态功能必须使用外部服务，比如评论功能就只能用disqus。 * 它不适合大型网站，因为没有用到数据库，每运行一次都必须遍历全部的文本文件，网站越大，生成时间越长。
Jekyll不在考虑之列，因为我对ruby不熟并且没有兴趣。以前玩过Jekyll，感觉还是太折腾了。特别是国内还得换源什么的。 比如你可以用sass或者less来写css，然后也可以不用默认的模板引擎ejs，很多人的主题用jade的。甚至可以换掉Markdown引擎，增加更多的Markdown功能进去。 所以复刻了两个系统的主题： hexo-theme-distinctionpp hugo-theme-distinctionpp 两个主题的功能和内容基本是保持一致的，除了有些无法实现的功能。 然后在原有的主题上有做了更进一步地精简，裁剪加载文件大小和把一些图片换成纯CSS3实现，再就是微调一些样式。 最终还是回归disqus。无奈这货在国内被墙。唉，反正上我blog还会回复的应该都是程序员了吧？程序员访问外国网站不是难事吧？所以不管了先还是disqus吧。
俗话说的好：工欲善其事，必先利其器。作为技术的工匠来说，不仅仅需要好的开发工具，好的开发工具可以提高我们的工作效率，但是我们还需要更好的写作和总结工具才行，这样有利于提高我们的技术，学习和总结能力。 支持即时预览并提供 6 种预览主题，其中二种和静态博客主题相对应，也就是说您在写博客时可以即时预览大概效果！所有主题效果都支持导出为 HTML、PDF。 外部模式引入 Octpress、Jekyll 等静态博客的文件夹后也支持拖放或粘贴插入图片和实时预览，详细请参考：引入文件夹到 MWeb 中管理，支持 Octpress、Jekyll 等静态博客拖拽插入图片和实时预览 更详细的信息请看：MWeb 文档库模式详细说明 文档库模式用于静态博客生成 一键把分类生成静态博客，目前可选二个主题，支持自定主题。只要填入 Disqus、多说提供的代码即可以为博客增加评论功能。 功能强大，当然是收费的，不过你不用太担心，在AppStore里MWeb lite是免费的，和MWeb的功能点差不多，可能没有MWeb功能这么强大，但是足够我们使用了。
选择自己喜欢的主题 用户也可以自行选择其他主题，在jekyll主题官网 上有很多开源的主题，可以选择自己喜欢的，也可以自行搜索jekyll主题，网上有不少开源的主题，选择自己喜欢的即可。 3. 基于ruby的本地编写和调试博客内容 Ruby的下载地址，安装过程的详细教程可参考Win10安装jekyll和ruby环境。Ruby下载完成以后直接双击安装，除了安装路径，其他一路默认选项就行。 ，而不用不断重启和加载网页。 -P 5555参数是指定端口号为5555，Jekyll默认的端口号是4000，会与福昕阅读器的端口号冲突（如果你的电脑安装了福昕阅读器），所以还是指定端口号最佳。 出现这个问题是提示端口号被占用，因为Jekyll默认的端口号是4000，可能与其他软件冲突（例如福昕阅读器）。
他希望看到的是，一个简明易懂的网页，说明每一步应该怎么做。因此，github就设计了Pages功能，允许用户自定义项目首页，用来替代默认的源码列表。 它的缺点是： * 有一定技术门槛，你必须要懂一点git和网页开发。 * 它生成的是静态网页，添加动态功能必须使用外部服务，比如评论功能就只能用disqus。 我们假定，它的名称为jekyll_demo。 $ mkdir jekyll_demo 对该目录进行git初始化。 在项目根目录下，建立一个名为_config.yml的文本文件。它是jekyll的设置文件，我们在里面填入如下内容，其他设置都可以用默认选项，具体解释参见官方网页。 layout:default”，表示该文章的模板使用_layouts目录下的default.html文件；”title: 你好，世界”，表示该文章的标题是”你好，世界”，如果不设置这个值，默认使用嵌入文件名的标题
受此影响，大部分系统文件即使在 root 用户下也无法直接进行修改，所以需要把安装路径替换为用户有写入权限的目录。 在网络上有很多漂亮的 Jekyll 主题可供你选择，你可以访问jekyllthemes.io找到你喜欢的主题并下载下来，或者通过 Google 搜索，如果还不满意，你也可以选择自己创建一个主题。 选择好你喜欢的 Jekyll 的主题后，将主题复制到前面从 Github 上 Clone 的项目文件夹中去。 在这里新增、修改、删除文章都可以实时的看到，只需要刷新页面即可。你可以试着修改那篇默认文章看看效果。 ，需要增加一些描述性的东西，这样 Jekyll 才能正确的处理我们写的文章。
Jekyll 特点:Github 自带的,您不用部署静态页面,您只要往 GitHub 上推 md文件就能产生 blog 问题: 当 md 文件多了之后,排序是一个很头疼的问题,纯体力手工劳动,无法实现自动化 特点:比Jekyll要先进一点,先生成文件,在部署 基于Node.js的静态网站生成器 主题很丰富,在vuepress之前很多博客,文档网站都是基于Hexo搭建的,是用jekyll还是Hexo搭建的,基本上做 IT 的小伙伴,也能辨别出来 问题: 每次都需要把生成的静态页面推上去,md 若出现错误,编译会出错,配置的不是特别灵活Hexo 官方文档 https://hexo.io/ GitBook 问题 默认主题有限制 ,随着文档的增加,每次加载的时间会很长,也不是 Vue 驱动的 官方团队专注于打造一个商业产品,而并非开源工具 GitBook 官方文档 https://www.gitbook.com/ Docsify-Docute 先把官方默认的主题,玩熟悉了,在去玩自定义主题,以及进行二次开发,都是可以的 口说无凭,话说多了,都是故事,下面一步步带你从零开始,到域名部署等,搭建属于自己的网站,开始自己的记录之旅.
他希望看到的是，一个简明易懂的网页，说明每一步应该怎么做。因此，github就设计了Pages功能，允许用户自定义项目首页，用来替代默认的源码列表。 它的缺点是： * 有一定技术门槛，你必须要懂一点git和网页开发。 * 它生成的是静态网页，添加动态功能必须使用外部服务，比如评论功能就只能用disqus。 我们假定，它的名称为jekyll_demo。 $ mkdir jekyll_demo 对该目录进行git初始化。 在项目根目录下，建立一个名为_config.yml的文本文件。它是jekyll的设置文件，我们在里面填入如下内容，其他设置都可以用默认选项，具体解释参见官方网页。 layout:default"，表示该文章的模板使用_layouts目录下的default.html文件；"title: 你好，世界"，表示该文章的标题是"你好，世界"，如果不设置这个值，默认使用嵌入文件名的标题
接着找到 GitHub Pages，然后随便选择 Github 提供的默认主题。 ? ? 最后，我们通过浏览器访问仓库的域名（monkey.github.io）就能看到系统创建的默认网页。 3.Jekyll 主题选择 上文讲到选择默认的主题，这里都是 Jekyll 主题。那什么是 Jeklly呢？它是一个简单静态站点生成器，能将纯文本的(一般是 Markdown 文件)转化为静态页面。 找到仓库存放的文件夹，将之前所有文件全部删除，把刚才下载的主题文件复制到当前文件夹中。 ? 我们还需要修改配置文件。_config.yml 是 Jekyll 的全局配置文件。 如果你使用其他主题，根据作者的要求，修改 _config.yml 的内容即可。 ? 最后一步，我们将刚才修改的内容同步到 Github 远程仓库。 ? 5.SEO 优化 该主题已经集成用于 SEO 优化的 jekyll-seo-tag 插件，我们简单修改 _config.yml 里面的这几个字段。
校园优惠套餐升级，云服务器1核2G10元/月起购
扫码关注云+社区
领取腾讯云代金券
云服务器
测试服务 WeTest
文件存储
命令行工具
SSL 证书
