Jekyll 也可以运行在 GitHub Page 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...「目录结构http://jekyllcn.com/docs/structure/」，下面为个人博客目录结构的简单介绍： . ├── 404.html ：404页面 ├── CNAME ：Github...在项目根目录直接命令行运行 jekyll build 即可查看构建结果 ➜ blog git:(master) ✗ jekyll build Configuration file: /github...静态网站服初始化一般需要约 3 分钟 qcloud_jekyll_hosting.png 将静态页面部署到托管服务 你阔以直接选择将构建好的静态页面上传到托管服务，但是考虑到博客的更新频率，还是选择使用官方提供的工具来上传...如果你有自己的域名，你也可以添加自己的域名解析，例如下面我修改为使用我自己的域名，并设置了自定义的索引页和404页面： Zkyx39SOCYgHimv.png 访问静态页面 在浏览器输入讯云提供的默认域名
，懒惰的我就不重复教了，见谅 # jekyll与实现 如果你看到这，你还没有GitHub，我表示对你的耐心程度真的很失望，想空手搭博客是不可能的，建议去申请一个GitHub吧，因为jekyll是基于...基于jekyll的进阶会相对复杂，本文只对新手起作用，这里将教你简单的把一些博客模板拷贝下来，并加以修改，成为自己的专属博客 首先，我们先找一块自己喜欢的jekyll模板，这里介绍两个不错的网站：jekyllthemes...HTML & CSS知识是否足够，如果你对你的百度很自信，那么接着走 首先我们要清楚问题所在，回到页面上，我们按F12打开控制台，接着进入眼帘是红DuangDuang的报错，我们将鼠标指着报错的地方，...细心的朋友一下就发起了其中的端倪，浏览器在访问的样式链接根本就不存在 /editorial-jekyll-theme 这个路径，其实，这是jekyll的配置问题 我们编辑器打开_config.yml...也是希望大家不要光跟着做，下面我在分享一个相对友好的jekyll模板 https://github.com/arnp/herring-cove 根目录包含了index.html，且目录比较易读，只要清楚
# jekyll与实现 如果你看到这，你还没有GitHub，我表示对你的耐心程度真的很失望，想空手搭博客是不可能的，建议去申请一个GitHub吧，因为jekyll是基于GitHub实现的。...基于jekyll的进阶会相对复杂，本文只对新手起作用，这里将教你简单的把一些博客模板拷贝下来，并加以修改，成为自己的专属博客。...首先我们要清楚问题所在，回到页面上，我们按F12打开控制台，接着进入眼帘是红DuangDuang的报错，我们将鼠标指着报错的地方，内容如下 ?...细心的朋友一下就发起了其中的端倪，浏览器在访问的样式链接根本就不存在 /editorial-jekyll-theme 这个路径，其实，这是jekyll的配置问题 我们编辑器打开_config.yml，然后我们把罪魁祸首揪出来...最后的最后：我要说的是，剩下的HTML与CSS都要根据你自己想要的效果去实现，对于很多新人来说，可能会对项目文件夹里面十分的好奇，因为连index.html这个文件都找不到；此次文章，我也是埋了一个坑，
初始大概一分钟，后期看你博客数量。Jekyll（可略过）需要准备Ruby环境，推荐2.5.7。高版本适配度不是很好。...然后目录文件夹如下D:.│ .gitignore // git的忽略文件│ 404.html// 自定义的404页 固定│ about.markdown // about页固定│ Gemfile...│└─_posts// 发博客的位置 2022-11-30-welcome-to-jekyll.markdown// 某篇博客，名字固定`yyyy-MM-dd-name.md`现在可以使用...bundle exec jekyll build 来构建网站，构建完毕，会看到多一个_site 文件夹PS D:\Github\test> bundle exec jekyll buildConfiguration...... press ctrl-c to stop.http://127.0.0.1:4000/ 在没有具体指定的情况下会生成一个这样的地址这里默认使用的是minima 的主题，到这为止，都可以复制到刚才的
现在上几张成果图，呵呵，使用的轮子真高(滑稽.gif): （二） 关于我的博客 （1）Home页： （2） 分类与标签页： （3）单个文章的编辑日期，作者，分类，标签，查看更多...（4）顶部Tab栏 （5）底部分页，访客量统计，回到顶部按钮 （6）博客详情页 以上就是整个博客的页面，其实这个博客也是后来发现的，一位比较低调的阿里前端哥哥撸出来的，且一直在维护中的...，于是在博客三的基础上进行进行博客五的Fork历程， 可谁知道博客五上传的代码不全，提供的搭建博客教程却没有，一脸懵逼脸，在这里我能说博客五是在博客四的基础上进行个性化设置的吗？...于是：我索性跟着博客Fork下来进行个人博客的修改 路上的风景 注册一个Github账号 or 码云账号 Github官网 Fork（拉取）我的博客模板 在Github上搜索：xudailong.github.io...+ jekyll 的方式 我采用的搭建博客的方式是第二种： 使用GitHub Pages +jekyll的方式。
很快我发现 fyne 官网是采用 jekyll 构建的。jekyll 是采用 ruby 语言编写的静态网页工具。jekyll 常用于搭建个人博客。...它支持使用 markdown 语法编写文章，然后自动生成相应的静态页面托管在远程主机上供用户访问。为了能本地运行文档，我们必须先安装 ruby + jekyll 环境。...如果提示命令找不到，则未安装成功，或环境变量设置不正确： ? 成熟的编译语言通常都有相应的包管理工具，用于下载和管理依赖。...如果提示命令找不到，则安装失败，或环境变量设置不正确： ? Mac 在 Mac 上可以直接使用 brew 安装 ruby 和 gem。...这时，我们就可以在浏览器中输入：http://localhost:4000就可以在本地随意浏览官网了。 ?
具体的规则 在github的项目中，创建一个gh-pages的分支，分支创建完成后就可以使用http://{userName}.github.io/{projectName}来进行访问。...在github上面添加一个Repositories,名为blogTest 4. 把项目推送到分支，执行以下命令： git add ....---- 总结一下 对于上面所述的github Pages(以下称gh-Pages)是github给用户提供一个“静态页面的web服务器”,我们可以根据需要把页面上传到指定的仓库中，可以通过github...jekyll 模板 jekyll 是基于ruby来编写的一个博客模板生成工具,也就是说我们可以根据相关的规则来生成对应的html文件，当然这份工作github也能帮你去做。...在_layout下创建一个default.html,作为一个网站的模板,添加如下内容（此处代码中的所有的{ {中间都有一个空格,为了不让jekyll去解析,拷贝的时候请注意）： <!
在GitLab pages上快速搭建Jekyll博客 前一段时间将我的Jekyll静态博客从github pages镜像部署到了 zeit.co(现vercel)上了一份，最近偶然发现gitlab pages...也不错，百度也会正常抓取，于是动手倒腾，将github pages快速迁移Jekyll博客到gitlab pages，中途遇到了不少坑，管他呢，一把刷。...于是有了下文的 从github pages快速迁移Jekyll博客到gitlab pages的完全指南。 Step1: 导入已有项目 登陆gitlab.com，点击New Project, ?...， 由于我绑定了github账号yanglr，系统会将我在github下所有的分支都load进来，接下来，我选择yanglr/yanglr.github.io,这个仓库，当然Import进来之前要记得改名为...如有疑问，欢迎在评论区提问交流~ 作 者: Bravo Yeung 首发于: 在GitLab pages上快速搭建Jekyll博客 - 极客玩家大白 如需转载，请注明出处: https://www.geekplayers.com
开始在 GitHub 上写博客 准备工作如下 申请 GitHub 账户并准备代码库 安装 Jekyll 安装 Ruby 如果用的是 Windows 系统， 需要先安装 Ruby ， 需要下载 1.9.3...安装 Jekyll 引擎 打开一个命令行窗口， 输入下面的命令可以安装 Jekyll ： gem update system gem install jekyll 如果提示有什么不兼容或者提示缺少什么库...上传文件 上传文件最简单了， 不过我的建议是在本地运行 jekyll --server ， 先预览一下， 确认无误之后再上传。 只要用 Git 提交上去即可。...大约过一分钟， 新的 Github 页面就生成了， 输入 https://your-username.github.com 就可以浏览。...，看看错误信息， 一般都可以解决的； 在 windows 系统平台上， 如果你的博客包含中文字符， 则需要将当前命令行的代码页修改为 65001 （UTF8） 才能正常运行； 不要使用 windows
前言 我相信，每个程序员都有一个愿望，都想有一个属于自己的"家"——属于自己的博客，专属的网站。在自己的“家”中，可以和志同道合的兄弟一起分享和讨论任何技术，谈天说地。...那么接下来就来说说我博客搭建过程。 一.本地搭建Kekyll Jekyll是什么？它是一个简单静态博客生成工具，相对于动态博客。 简单。...# 如果你找不到进程号，那么就用`ps aux | grep jekyll`命令来查看，然后关闭服务器。...三.使用Github Pages服务 1.创建我们自己的仓库 以下用usename代替自己的用户名 2.配置我们的仓库 在Settings里面找到Github Pages 选择Launch automatic...现在我们打开http://localhost:4000,即可看见我们在Github上创建的主页，理论上和username.com/username.gi… 访问的应该是一模一样的。
博客自定义指南 博客链接/blog link tea9 使用Jekyll博客引擎 基于Theme H2O修改 前置条件/Before： 需要你有 GitHub Github Page Jekyll...环境 如以上都有还有问题请参考 使用jekyll搭建个人博客 jekyll-theme-H2O_README 步骤/Step： github目录 克隆项目： git clone https://...github.com/tea9/tea9.github.io.git 目录结构： ....archives: '/archives.html' 归档页 # tags: '/tags.html' 标签页 # about: '/about' 关于我页面 links: '/links/...' 友情链接页 # message: '/message/' yoone: '/yoone' 有药待办 rss: '/feed.xml' rss 作者信息 author: 'tea9'
而 Jekyll 是一个生成静态网页的工具，在 Github 上绑定自己的域名后可以当作个人博客访问。 那么接下来就开始用这两个工具搭建一个属于我们自己的博客吧。 1....我的博客选择的是在 Github 上找的博客主题，它对目录中各个文件的内容、功能都有很详细地说明，适合我这样的小白学习使用 Jekyll 。...几个主要文件的参数在上面的 Github 页面上有很清楚的说明，想直接用这个模板的朋友可以根据说明修改。...文件成功上传之后，在 Github 库页面就可以看到你的博客文件了，这时只要访问username.github.io，你就能看到自己搭建的个人博客了。 5....参考资料 本次博客的搭建主要参考了以下内容，感谢作者们~ 基于Jekyll搭建个人博客 jekyll-theme-H2O博客主题 个人网站的搭建（基于GitHub和Jekyll主题 ） Jekyll +
本文将介绍在Windows平台上搭建基于github pages 的个人博客网站的过程，以及利用Jekyll进行本地博客调试的过程，对于不懂前端的人来说是一个比较基础的入门教程。...另外，本文也同步发布在我的个人博客上面，本文中的一些外部超链接，所涉及到的工具typora， 博客模板的github地址，基于Ruby的本地博客调试方式，博客主题和markdown语法等更多的详细信息，...市面上有很多支持Markdown语法的代码编辑器可选，例如vscode，sublime text，atom等等。...本人的这个博客其实就是一个托管在Github仓库上的代码仓库，github提供了种特殊的repo，允许用户简单地创建自己的博客网页。...到这里，博客的平台搭建就算完成了，可以在本地调试完写好的博客然后再使用git推送到github的远程仓库，远程仓库的博客就更新了。 4.
1.本地环境搭建 本地环境搭建其实不是必须的，有了第一步其实你的博客就已经搭建好了，但是，当你开始写博客时你就会感受到能在本地调试的好处，在本地跑起来，省去了你频繁git commit,git push...安装jekyll 在安装jekyll前我们需要下载一个工具：gems 首先： gem install bundle 然后:打开命令行检查一下上两步是否已安装 ruby -v ruby 2.3.3p222...2.去fork博客主题 例如这个：https://github.com/barryclark......bundler 再次运行 jekyll new firstBlog 不报错后进入项目 cd firstBlog 起服务 jekyll serve y/成功了 访问127.0.0.1:4000即可在本地看到你的博客了...3.总结 ok 过程中报的错从来没见过，要是不及时总结整理关闭网页后就再也找不到了 这是我在回过头写这篇文章时最 头疼的.
前言 Jekyll 是一款采用 Ruby 语言编写的、非常方便简单又功能强大的静态站点生成器，适合于搭建个人博客、静态网站等。...我们知道，Github Page 默认支持的也是 Jekyll，而非 Hexo、Hugo等静态站点生成器。...，对于学术研究的个人博客来说学术首页显得更加重要； 主题不提供简单的文章标题和发表时间的列表页，对于读者来说有些文章可能需要翻好几页才能找到，不是很方便。...； 支持的高亮编程语言丰富，虽然在某些地方还是有所瑕疵，但是总体上还是很实用； 高亮主题基本上现有的都能用，本站所用的就是 Github 官方同款主题。 ...blog 下，相应的博客分页展示页中的卡片链接、分页链接、标签链接等等都需要做出修改。
前言 我相信，每个程序员都有一个愿望，都想有一个属于自己的"家"——属于自己的博客，专属的网站。在自己的“家”中，可以和志同道合的兄弟一起分享和讨论任何技术，谈天说地。...那么接下来就来说说我博客搭建过程。 一.本地搭建Kekyll Jekyll是什么？它是一个简单静态博客生成工具，相对于动态博客。 简单。...# 如果你找不到进程号，那么就用`ps aux | grep jekyll`命令来查看，然后关闭服务器。...三.使用Github Pages服务 1.创建我们自己的仓库 以下用usename代替自己的用户名 ? 2.配置我们的仓库 ? 在Settings里面找到Github Pages ?...现在我们打开http://localhost:4000,即可看见我们在Github上创建的主页，理论上和username.com/username.gi… 访问的应该是一模一样的。
最近在整理个人博客，之前的博客是基于 Hexo 3.x 版本的，一晃两年多过去了，Hexo 已经升级到了 5.x 版本，新版本带来了一系列新特性，并且性能得到了极大的提升。...Step 7 怎么样让文章两栏展示 目前文章页仍然和首页一样，是三栏布局，为了有效利用空间，希望文章页能够两栏布局。...在 _config.yml 中配置你的 GitHub Pages 对应的仓库地址，如我的是： deploy: type: git repo: https://github.com/Ivocin/...GitBook、Gatsby、Hugo、Next.js、Jekyll 、WordPress、Drupal、Dumi。...其他的适合写博客的有 Gatsby、Hugo、Jekyll ，没深入使用过，先不做评价。
前言 正如大家所知，Jekyll 是一款高可定制的、非常流行的静态博客生成工具。围绕着 Jekyll 也衍生出了很多优秀的 Jekyll 主题， 由 廖柯宇 开发的 H2O 主题就是其中之一。...如果读者想要看到文章卡片展示页，还是可以点击顶部的导航栏中的 BLOG 直接访问。 归档页 归档页设置为由 Jekyll 按照模板自动生成，以年份、日期、文章标题分级列表展示，简洁清晰。...系统日志页 系统日志页其实也不是经常更新的，只有在博客整体作出设置或改进的才加以说明。...具体文章列表页和归档页置顶效果如下所示： 分页依赖升级 (2022年5月26日更新) 由于原有的 jekyll-paginate 库已停止更新，所以升级到目前更新、维护活跃的 jekyll-paginate-v2...想要了解更多步骤，可以访问 Github 官方文档之 从模板创建仓库。 方式二：已有博客迁移 暂时无法支持 gem 直接切换主题，后续将更新此方式。
Atom Atom 是 Github 发布的开源跨平台文本编辑器。 作为本系列编写博客的主要文本编辑器，其中的若干插件对于编写博客较为便利。 以下便是安装的主要过程。...本系列教程主要通过Docker来安装Jekyll环境，避免在Windows上进行太多复杂的环境安装。 启用Hyper-v Hyper-v 是 Windows 操作系统原生提供的虚拟化软件。...如果你是一步一步看教程做的，记得要先把本站点加入收藏夹，防止重启之后找不到哟。...下载 Git Extensions 是一个开源项目，软件本体发布在Github上，可以通过项目Release页面，下载最新的SetupComplete版本：https://github.com/gitextensions...教程链接 免费构建自己的博客-开发环境安装 免费构建自己的博客-编写第一篇博客 免费构建自己的博客-管理博客代码与发布到Github 免费构建自己的博客-Jekyll进阶 免费构建自己的博客-进一步丰富博客
本文就选取 github pages 作为支持，它以 github 仓库为内容源载体，配以 jekyll theme ，也就是主题，主题就相当于一个配置好的网站初级架构。...将内容推送到 github 仓库后，jekyll 主题会将内容格式化后推送到你的博客主页。...github pages 配置项，选择 jekyll theme ?...后续改进 除了官方提供的几个基础模板，github pages 也支持其他开源的模板，可以在模板页面选择 模板地址： http://jekyllthemes.org/ ?...最后一提，目前还只是将项目 fork 到了自己的博客所属的代码仓库，后续需要改动的地方还是很多的，目前的想法是 先将外链的部分、博客内容页、博客介绍页、tab等个性化的内容部分都替换为自己的内容 增加一个自动化配置的
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
