在你开始之前 熟悉我们的入门指南并完成Linode主机名和时区设置的步骤。 本指南尽可能使用sudo。完成“ 保护您的服务器”的相应部分以创建标准用户帐户。...config=TeX-AMS-MML\\\_HTMLorMML" type="text/javascript"> 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，所以我打开浏览器...└── index.html (网站的index) 二.开发或者选择Jekyll主题 再来说说博客的外观，这可能是很多人很看重的，一个高逼格的博客里面看文章也是一种享受。...这里就需要自定义主题了。你可以选择自己开发一套，也可以直接选择已有的，然后自己再更改css布局形成自己的。jekyll主题在这里，你可以选择到你自己喜欢的主题。...接下来我们要做的就是把我们的Jekyll生成的blog部署到Github Pages上去即可 3.部署blog 我们先把刚刚新建的仓库git clone到本地，然后cd 到仓库的目录下，执行jekyll
//使用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
极简主义、风格扁平化、卡片式布局、Medium 及知乎专栏的视觉风格等等特点，为我们带来了或许是迄今为止最漂亮的 Jekyll 主题。 ...使用体验提升 廖柯宇也在 H2O 主题的默认页面中写道，目前 H2O 主题还有一些可优化的内容，比如夜间模式、查看大图等。这里，根据个人的一些实际需求和了解，在 H2O-ac 主题中做了调整。...不过由于使用的是 OKAIDIA 高亮主题，所以有些段落中的格式化字段显示上有些问题。这里，仍然采用默认主题，并且扩增到 Prism.js 支持的所有编程语言类型。...如果用户环境无法访问 Disqus 即只能看到 Waline。...目前在模式切换时 Disqus 会主动进行重新加载以适应当前模式。 支持 PWA (2022年5月11日更新) 全面支持 PWA，访问速度得到较大提升。移动端访问可以像原生 APP 那样使用。
上面预览图中的博客就是基于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 修改成你自己的，否则请将该字段留空。
Jekyll 的开始与 Hexo 有所不同，Hexo 是采用子目录的方式加载应用新的主题，而 Jekyll 则是采用主题化的方式应用主题。...也就是说，如果你想使用某个 Jekyll 主题，唯一的方式就是克隆这个 Jekyll 主题的项目，并在此基础上开始你的博客。...在实际的使用过程中，笔者根据自己的需求也在 H2O 主题上做出了一定的功能修改，并开源为 jekyll-them-H2O-ac。...，此时 # 号前不留空格； 在使用图片进行解释的时候，在对应段落附近加载图片，并使用“下图”、“上图”这样的字眼进行描述； 图片可以使用 PPT 自行制作，使用 Snipaste 截图工具 截图保存，也可下载分辨率高的...PNG 图或者 SVG 图，并上传至 vgy.me 后加载使用； 编程语言、专用英文词汇使用时，根据其通用的写法来适当调整大小写，比如 Python 3 的第一个字母就需要大写，Java 的第一个字母也需要大写
快速开始 从注册一个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代码。类似下面这样： 然后要切换到本地来，由于Jekyll的评论组件是插件式的，很方便修改，分为下面2个步骤 修改_config.yml文件中comments:下的provider:的值为custom...（默认是disqus） 在_includes目录下新建一个目录custom,在custom目录下新建一个文件comments，文件的内容就是上面从友言获得的那段代码。...的值为custom时，就加载custom/comments文件，那么其实site.JB.comments.provider的值就是刚才在_config.yml中设置的那个provider，这样就能说的通了
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的主题。
快速开始 从注册一个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 对于我们的博客来说，图片越大，加载速度越慢。 不信你用手机打开你的博客试试~ 所以有必要对我们上传到博客网站中的图片：指的是你的头像，首页背景图片，文章背景图片等。
，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吧。
前提是 搭建了博客，使用的主题是 jekyll-theme-H2O 这个主题。其余的可以借鉴，但不一定完全适用。...2.2 在 {% if site.comments.disqus %}后添加 {% if site.comments.gitalk %} var gitalk...site.comments.distractionFreeMode }}' // Facebook-like distraction free mode }) gitalk.render('disqus_thread...关于 post.html 这部分的修改可以看一下我的修改 保存修改，再提交。 3 开 issues 进入博客，点击设置， ? 进去后勾选一下 issues 就搞定了。 ?...id=6ea132ba501b49b2928125a694cc9ad9#/ 使用的主题是：https://github.com/kaeyleo/jekyll-theme-H2O/ 感谢两位作者 原文链接是我博客上这篇文章的链接
但是，他是国外开发维护的，中文文档相对比较少。并且它是Ruby语言开发的，对于二次扩展很不利。综上原因在我找主题和定制的时候，十分吃力。...然后使用gem安装jekyll（gem 是ruby的包管理工具，在下载其他包之前，最好替换成国内源）gem install jekyll找到一个空文件夹，然后在此处打开cmd/powershellRunning...// 发博客的位置 2022-11-30-welcome-to-jekyll.markdown// 某篇博客，名字固定`yyyy-MM-dd-name.md`现在可以使用bundle exec...address: http://127.0.0.1:4000/ Server running... press ctrl-c to stop.http://127.0.0.1:4000/ 在没有具体指定的情况下会生成一个这样的地址这里默认使用的是...minima 的主题，到这为止，都可以复制到刚才的GitHub仓库。
博客自定义指南 博客链接/blog link tea9 使用Jekyll博客引擎 基于Theme H2O修改 前置条件/Before： 需要你有 GitHub Github Page Jekyll...环境 如以上都有还有问题请参考 使用jekyll搭建个人博客 jekyll-theme-H2O_README 步骤/Step： github目录 克隆项目： git clone https://...├──_drafts # 草稿目录 -可以删除此目录/建议清空目录 ├──_includes # 一些封装的布局 ├──_layouts # 默认布局 ├──_posts # 文章目录 -建议清空目录...用我的肯定是不行的） 有两个评论系统3选1 用那个就直接改成true 然后配置改了 disqus参考disqus国内可能显示不了 gitalk参考jekyll-theme-H2O的gitalk...相关配置 valine参考Valine – 一款极简的评论系统 comments: disqus: false disqus_url: 'https://liaokeyu.disqus.com
Jekyll、Hugo、Hexo 也可以运行在 码云（Gitee.com） Pages 上，也就是说，你可以使用码云的服务来搭建你的仓库页面、博客或者网站，而且是完全免费的。...Hexo 使用文档：https://hexo.io/docs/ hexo主题：https://hexo.io/themes/ 优点： 1、搭建的博客平台，速度快，免费，可以搭建在 Github 上...2、操作比 Jekyll 简单，命令少，易于记忆。 3.支持markdown，Hexo最终生成的是一个静态博客，这就意味着它拥有其他博客系统无法比拟的低负载与高速度的特性。...但是和WordPress又有很大的不同，原因是jekyll只是一个生成静态网页的工具， 不需要数据库支持。但是可以配合第三方服务,例如Disqus。...现在github默认支持jekyll, 所以原生的文件如果放到github上，它会自动帮你生成静态网站。
在Windows上安装Jekyll Jekyll介绍 jekyll是一个简单的免费的Blog生成工具，类似WordPress。...但是和WordPress又有很大的不同，原因是jekyll只是一个生成静态网页的工具，不需要数据库支持。但是可以配合第三方服务,例如Disqus。...最关键的是jekyll可以免费部署在Github上，而且可以绑定自己的域名。 Jekyll团队没有正式支持在Windows上使用Jekyll,官方不建议在Windows上使用Jekyll。...要安装Jekyll及其所有默认依赖项，请启动您习惯的命令行工具并输入以下命令 install bundler gem install bundler install jekyll...，默认访问地址: http://localhost:4000 cd myblog jekyll serve 生成的博客文件 jekyll 文档 jekyll
官方网站 但是和 WordPress 不同的是，jekyll 是一个生成静态网页的工具，不需要数据库支持. 并且可以配合第三方服务, 例如 Disqus....最关键的是 jekyll 可以免费部署在 Gitee/Github上，并且支持一件构建. 且无需我们手动申请域名 话不多说我们下面就开始使用吧~~~ 二....baseurl: 博客所在仓库的相对地址 description: 博客简介 text_skin: 主题颜色 highlight_theme: 字体高亮主题 ps: url 和 baseurl...使用 上传博客 将 .md (markdown) 格式的文件上传至 项目根目录下 的 _post 目录下 上传图片 我们一般会在博客中上传图片, 因此我们需要将图片资源手动放到, 根目录/asserts...总结 本文主要介绍了如何根据 Gitee+jekyll 来快速搭建个人博客. 并简单的介绍了其配置, 使用和部署方式. 其他功能欢迎大家通过官网介绍, 自己尝试哦.
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
