作为一名有情怀的工程师，一般都会通过博客来记录自己的生活，成长，工作心得或者经验，大部分人使用博客都会经历如下几个阶段： （1）记录在大脑中 （不推荐） （2）使用XXX云笔记 （3）使用iteye，csdn...（二）Github Pages是什么 Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务，站点可以被免费托管在 Github 上，你可以选择使用 Github Pages 默认提供的域名...（三）如何搭建使用 前提条件： git环境 github账户 ruby环境 ` jekyll底层是使用ruby编写对，所以安装时候需要先安装ruby环境： 在mac先要安装一些软件，这里假设你对git环境已经有了...jekyll-gist ` 上面对软件安装完毕后，你就可以在github上搜索一个基于jekyll模版对项目，当然你可以从网上搜索任何你喜欢的主题风格，找到之后使用git clone到自己本地： git...clone xxx.git myblog cd myblog jekyll server ` 然后访问http：//localhost：4040端口就可以在本地预览你到博客了 如果你喜欢这个主题
//使用gem安装Jekyll gem install jekyll //使用Jekyll创建你的博客站点 jekyll new blog #创建你的站点 //开启Jekyll服务 //进入blog...在整个过程中你可以设置 URL 路径，你的文本在布局中的显示样式等等。这些都可以通过纯文本编辑来实现，最终生成的静态页面就是你的成品了。...三.使用Github Pages服务 1.创建我们自己的仓库 以下用usename代替自己的用户名 2.配置我们的仓库 在Settings里面找到Github Pages 选择Launch automatic...#提交到本地仓库 git push origin master #线上的站点是部署在master下面的 注意，在提交前，请确保_config.yml文件里面下面是这样配置的...以后的维护工作其实并没有多少。 1. 本地编辑文章： 用markdown工具，先写好博文，注意，每篇博文前面题头都要带下面这些格式。
//使用gem安装Jekyll gem install jekyll //使用Jekyll创建你的博客站点 jekyll new blog #创建你的站点 //开启Jekyll服务 //进入blog...在整个过程中你可以设置 URL 路径，你的文本在布局中的显示样式等等。这些都可以通过纯文本编辑来实现，最终生成的静态页面就是你的成品了。...三.使用Github Pages服务 1.创建我们自己的仓库 以下用usename代替自己的用户名 ? 2.配置我们的仓库 ? 在Settings里面找到Github Pages ?...#提交到本地仓库 git push origin master #线上的站点是部署在master下面的复制代码 注意，在提交前，请确保_config.yml文件里面下面是这样配置的...以后的维护工作其实并没有多少。 1. 本地编辑文章： 用markdown工具，先写好博文，注意，每篇博文前面题头都要带下面这些格式。
Jekyll 也可以运行在 GitHub Page 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...中文翻译网站： http://jekyllcn.com/ iMac搭建Jekyll本地环境 上面的翻译站点已经提供了详细的搭建介绍，通过「快速搭建指南：http://jekyllcn.com/docs...在项目根目录直接命令行运行 jekyll build 即可查看构建结果 ➜ blog git:(master) ✗ jekyll build Configuration file: /github...如果想在本地查看效果，在项目根目录直接命令行运行 jekyll server 即可 ➜ blog git:(master) ✗ jekyll server Configuration file: /github...上传结束以后，在静态页面托管的「文件管理」页面可以对我们上传的内容进行调整，在「设置」页面可以添加域名、错误页面等信息，同时也给出了腾讯云提供的默认域名。
否则，jekyll-paginate-v2 不会主动工作。...时间格式这里一共提供了 3 种：第一种中英文站点使用皆宜，第二种适用于英文站点，第三种适用于中文站点。默认时间格式为第一种。...(2022年5月14日更新) 新增 不蒜子 统计方式，可以显示全站访问次数、全站访问用户数、文章页面阅读量。如下设置可以开启。...本地测试 在进行本地测试时，如果需要修改一些样式，则需要先执行 npm install 来完成前端自动构建工作流依赖库的安装。...发布部署 由于 Github 提供 Jekyll 静态生成器的静态页面托管，只要打开仓库的 Pages 功能，当推送更新到 Github 时即会自动部署。
前 言 我的这个博客站点大约始建于2010年以前，使用过 dlog、pjblog、zblog 等博客程序，也手动建立使用过纯静态 HTML 页面，大约2010年开始使用 WordPress。...在本地电脑搭建好环境，配置好 hexo 站点。每次在网易云笔记里写好 markdown 格式的文章，然后复制到本地电脑 hexo 的对应目录下，手动生成新的网站静态页面。...Github 虽然在国内很多地方访问不稳定，但是套上 cdn 以后可以解决这个问题。 我开始着手将 hexo 迁移到 GitHub Pages 上，使用 jekyll 部署。...在自己的 GitHub 仓库里修改网站，或者拟写 markdown 格式的日志，webify 会自动构建和部署，生成新的静态页面并发布。...这意味着我在本地创建 hexo 时所安装和依赖的各种环境和插件，webify完全会自动帮我安装。最后webify生成的hexo站点和我本地运行的完全一样。
GitHub Pages Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务，站点可以被免费托管在 Github 上，你可以选择使用 Github Pages 默认提供的域名...Github Pages 支持 自动利用 Jekyll 生成站点，也同样支持纯 HTML 文档，将你的 Jekyll 站点托管在 Github Pages 上是一个不错的选择。...仓库空间不大于1G 每个月的流量不超过100G 每小时更新不超过 10 次 Github Pages 使用 Jekyll 来构建内容，那么 Jekyll 是什么呢？...Jekyll 也可以运行在 GitHub Page 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...但如果我们只是在 GitHub 上面使用的话，到不需要知道 Jekyll 的语法，一般 Github 会自动将我们写的 Markdown 文件转换成静态页面。
Jekyll非常适合需要离线工作的人，更喜欢使用轻量级编辑器进行内容维护的Web表单，并希望使用版本控制来跟踪其网站的更改。...在添加新帖子和页面时，使用现有结构并遵循Jekyll的命名约定非常重要。 提示： tree是查看文件和目录结构的一个非常有用的命令。...因为我们正在处理远程服务器，所以我们将指定主机地址，以便从本地计算机浏览站点。...如果您正在使用本地计算机，则可以在 没有主机设置的情况下运行jekyll serve并连接http://localhost:4000。...如果我们在我们的网站上工作时让开放服务器在前台运行时打开此终端，我们将在添加页面和帖子以及更改内容时立即收到反馈。
Jekyll 也可以运行在 GitHub Page 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...查看本站点_config.yml文件，便可以查看到本站所使用的插件。 引入插件 插件以 Ruby 代码或模块的方式存在，使用时通常引入相应的代码或模块即可。...值得注意的是，如果需要托管在 Github 或者其他提供 Pages 服务的站点，服务商不一定提供运行插件的环境。...因此，建议在本地运行插件，然后将生成结果发布到服务器上，这样就不需要依赖服务器的运行环境。...代码高亮 本站点模板默认开启了代码高亮，编写博客时只需要使用 markdown 的代码块方法编写即可。
在使用的时候项目和网站的大小不要超过 1GB，也不要过于频繁的更新网站的内容（每小时不超过 10 个版本），每个月的也要注意带宽使用上限为 100GB。这些对于个人网站其实是够用。...例如页面浏览的阅读人数统计、点赞数等。 2.访问速度比较慢。我们的网站是寄托在 Github 网站上，Github 服务器节点是在美国，所以访问速度没有国内主机快。...3.Jekyll 主题选择 上文讲到选择默认的主题，这里都是 Jekyll 主题。那什么是 Jeklly呢？它是一个简单静态站点生成器，能将纯文本的(一般是 Markdown 文件)转化为静态页面。...如果你想获取猴哥同款主题，在公众号后台回复『主题』即可获取。 4.Jekyll 本地环境搭建 如果我们想对主题界面进行修改，每次预览界面需要将文件同步到 Github 仓库，这样操作不太方便。...当一切工作完成就绪，我们就可以使用 Github 客户端将内容推送到远程仓库。 剧透一下，下篇分享 Github Pages 结合 Hexo 搭建博客网站方案。
站点 先看看阮一峰的《搭建一个免费的，无限流量的Blog—-github Pages和Jekyll入门》，看完对整个站点应该就有了一个大概的认识。...在jekyll templates中可以看到，是支持include的，只需要在根目录下创建一个名为_includes的目录，把页面片放到这个目录中，然后用下面的语法加载对应的页面片文件即可： {% include...添加RSS 要方便定阅，可以添加RSS输出到我们的站点上，大体分为三步： 1.修改设置文件 name: 站点名称 description: 站点说明 url: 站点URL 2.在github上有一个jekyll-rss-feeds...的项目，下载你需要的RSS文件放到站点根目录下 3.然后在页面的区加上RSS的即可，像 <link href='/feed.xml' rel='alternate' type='...评论系统 网上有几个可以嵌入到静态站点的评论系统，像多说、友言、畅言等等，还有Jekyll模板里默认使用的DISQUS。
在使用的时候项目和网站的大小不要超过 1GB，也不要过于频繁的更新网站的内容（每小时不超过 10 个版本），每个月的也要注意带宽使用上限为 100GB。这些对于个人网站其实是够用。...例如页面浏览的阅读人数统计、点赞数等。 2.访问速度比较慢。我们的网站是寄托在 Github 网站上，Github 服务器节点是在美国，所以访问速度没有国内主机快。...3.Jekyll 主题选择 上文讲到选择默认的主题，这里都是 Jekyll 主题。那什么是 Jeklly呢？它是一个简单静态站点生成器，能将纯文本的(一般是 Markdown 文件)转化为静态页面。...如果你想获取猴哥同款主题，在公众号后台回复『主题』即可获取。 4.Jekyll 本地环境搭建 如果我们想对主题界面进行修改，每次预览界面需要将文件同步到 Github 仓库，这样操作不太方便。...当一切工作完成就绪，我们就可以使用 Github 客户端将内容推送到远程仓库。
随着github的出现，这样问题出现了改观，使用gitbub提供的github pages功能可以提供一个独立的站点供我们使用。结合相关的域名配置，我们就可以很方便的搭建属于自己的博客平台。...具体的规则 在github的项目中，创建一个gh-pages的分支，分支创建完成后就可以使用http://{userName}.github.io/{projectName}来进行访问。...---- 总结一下 对于上面所述的github Pages(以下称gh-Pages)是github给用户提供一个“静态页面的web服务器”,我们可以根据需要把页面上传到指定的仓库中，可以通过github...jekyll 模板 jekyll 是基于ruby来编写的一个博客模板生成工具,也就是说我们可以根据相关的规则来生成对应的html文件，当然这份工作github也能帮你去做。...到这里，我们使用jekyll根据我们写的模板生成了对应的静态页面,下面我们把数据传入到github的gh-pages下面。 git add .
Jekyll 是一个简单的博客形态的静态站点生产机器。...Jekyll 也可以运行在 GitHub Pages 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...而我作为一个强迫症，已经将自己 Github 的库克隆在 Windows 的本地文件里，不想再改位置，于是我硬着头皮一边查资料，一边尝试将 Jekyll 安装在 Window 系统上。...我的博客选择的是在 Github 上找的博客主题，它对目录中各个文件的内容、功能都有很详细地说明，适合我这样的小白学习使用 Jekyll 。...在本地博客文件的根目录里打开命令行，使用命令rougify style github > css/syntax.css生成一个 github 风格的样式到css/syntax.css文件中。
在本地预览上，Jekyll 是生成了页面然后进行预览，而 Hexo 是没有在根目录生成文件的，速度也快不少。因此，Hexo 在性能和速度上面更胜一筹。...而 Hexo 需要事先在本地生成整个站点页面，再将 Html 文件、资源文件等上传到 Github 上。 •主题 Jekyll 使用 Liquid；它是有 Ruby 语言编写的开源模板语言。...然后我们使用 npm 来安装 Hexo。 $ npm install -g hexo-cli 5 构建本地项目 在本地磁盘中，创建一个名为 Github_blog 的文件夹，用来保存网站项目的文件。...如果你想修改这个命名规则，可以在 Hexo 目录下的 _config.yml 文件中，找到 # Writing 字样，然后进行修改。 ? 不过我不建议修改这命名规则，这格式能一目了然。...用户一般是通过关键字从搜索引擎搜索我们网页内容，所以我们需要给页面设置关键字和页面描述，能命中用户搜索的关键字。当然前提是要被搜索引擎收录。 首先，在 md 文件中，增加两个字段。
jekyll是Ruby写的一个轻量级的博客系统，也是Github Page默认搭配，天意人间舫则是以Jekyll创造出的；(题外话，Hexo发布前需要运行Hexo g本地生成下，文章多了，速度上也会慢些...在设计上，jekyll框架将博客模块化，比如有负责网页显示样式的部分（即模板），有负责博客内容的部分，也就是我们使用markdown语言来写的内容。...其次，它通过一定的规则，又将各个模块的内容组织起来，并创建各个页面之间的联系。如此是它可以使我们在写作的时候，尽最大的精力去集中在内容的创作上，而不用太在意格式以及排版。...使用Jekyll本已经非常方便了，不管是本地测试还是发布线上。但还是不够简洁，对于渴望极致的懒人来讲。...下载安装Rake，可以使用 gem： gem install rake 如何使用Rake来优雅Jekyll写博文流程？
您可以使用Jekyll主题选择器在网上创建和发布GitHub页面。如果您喜欢在本地工作，您可以使用GitHub桌面或命令行。...要从主分支的a /docs文件夹中发布站点的源文件，您必须拥有一个主分支，您的存储库必须: 在存储库的根目录中有一个/docs文件夹? 不遵循存储库命名方案.github。...io在该帐户下托管的所有项目页面站点的URL中。使用自定义域的项目页面站点也可以在username.github上使用。个人账户的io/projectname，以及orgname.github。...对于使用Jekyll的GitHub Pages网站，您的HTML文件很可能会存储在_layouts文件夹中。一般来说，CSS是在HTML文件的一部分中找到的。...进一步阅读GitHub页面 请参阅“ 自定义GitHub页面 ”了解更多关于使用批准的Jekyll插件和GitHub Pages网站，创建自定义404页面以及查看可用存储库元数据的更多信息。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
对象存储
云直播
