Nuxt.js 的目标是创建一个灵活的应用框架，你可以基于它初始化新项目的基础结构代码，或者在已有 Node.js 项目中使用 Nuxt.js。...Nuxt 更像是为构建应用程序而生的，而不是独立的内容静态网站。 Nuxt.js官网 Docsify ---- Docsify 是一个动态生成文档网站的工具。...你只需创建一个 HTML 文件和一堆 Markdown 文档，你的网站就差不多完成了！...（这点本人非常喜欢） 缺点： 1、jekyll用的liquid语法确实不是对程序员友好的，。不过jekyll功能比hexo强大很多，有时间折腾的可以选它。...比如你至少要懂的标准通用标记语言下的一个应用HTML代码、CSS、PHP等相关知识。 优点： 1、安装简单方便，甚至很多虚拟主机供应商都提供了Wordpress的一键式安装工具。
插件 Jekyll 插件可以扩展 Jekyll 原生没有的功能。 例如：自动生成RSS、生成TOC、生成SEO标记、压缩HTML等等功能，都可以通过插件来实现。...值得注意的是，如果需要托管在 Github 或者其他提供 Pages 服务的站点，服务商不一定提供运行插件的环境。...因此，建议在本地运行插件，然后将生成结果发布到服务器上，这样就不需要依赖服务器的运行环境。...若需要寻找更多的插件，可以通过搜索引擎或 Github 进行搜索。 模板 模板是指将一个网页分割为多个部分，存放在不同的文件中，以实现尽可能复用代码的目的。...代码高亮 本站点模板默认开启了代码高亮，编写博客时只需要使用 markdown 的代码块方法编写即可。
简单易用：Jekyll 不会给用户带来不必要的复杂性和配置，它只做你告诉它去做的事情。 高度可定制化：使用 Jekyll，您可以根据自己的需求轻松地创建个人、项目或组织网站，并对其进行完全控制。...Markdown 和 Liquid 模板支持：通过渲染 Markdown 和 Liquid 模板，Jekyll 可以将您提供的内容转换为完整且静态化的可以直接托管在 Apache、Nginx 或其他 Web...这使得使用 Hexo 的体验变得非常灵活便利。 完善文档资料：在官方网站上提供详尽清晰易懂并附带示例代码说明书籍，让初学者也能轻松上手。...如果您正在寻找一种高效而灵活的方式来创建并管理自己的博客网站，那么 Hexo 绝对值得尝试！...强大插件生态系统：通过 eleventy 官方提供给我们的强大而完整的插件文档、以及社区贡献出来的各类实用工具库，我们可以根据需要扩展功能或增加额外特性。
-09-01 00:13 我有几篇博客是用多种语言编写的，一开始我是在每篇博客中添加其他语言的链接，但多语言博客多了之后就成了复制粘贴了。...制作布局文件 为了更加通用，我在 _include 文件夹中新建了 post-version-selector.html 的布局文件，然后在每一个需要引入语言选择器的地方加上 {% include post-version-selector.html...liquid 语言标记中都添加了短线 -，即 {%- if condition -%}{%- endif -%}，这是为了将 liquid 语言占用的空行移除掉。...不同于原生的 html，在 markdown 中的 html 是受到空行影响的，如果 的各个 之间有空行，那么整个 select 会被 markdown 解析器活生生拆掉...liquid 中如果要遍历 key-value 值，需要使用 for 来取出其中的 key 和 value。
部分的统计和其它模块 这样的话，我们的精力可能都了要放到博客的管理上面，而不是博客的内容。...在_layout下创建一个default.html,作为一个网站的模板,添加如下内容（此处代码中的所有的{ {中间都有一个空格,为了不让jekyll去解析,拷贝的时候请注意）： jekyll的支持Liquid 语法,详细参见:Liquid for Designers 4....创建首页，首页是为了显示文章列表的网页，我们需要做的是遍历_post文件夹中的所有文章，然后展现出来,添加简单的代码如下： --- layout: default title:...在浏览器中打开127.0.0.1:4000可以看到刚刚生成的网站： ? ?
转义，解决花括号在 Jekyll 被识别成 Liquid 代码的问题 发布于 2017-10-12 16:08...更新于 2018-08-12 06:49 在 DependencyProperty.UnsetValue 的正确打开方式 和 合并 Jekyll 多种类型的页面 这两篇博客中...，我都遇到了代码中的花括号被 Jekyll 识别为 Liquid 代码的问题。...---- 然而 Liquid 的问题还需 Liquid 来解。 而 Liquid 的 raw 就是用来解决这个问题的。...% %} 转义 · Xiao 本文会经常更新，请阅读原文： https://walterlv.com/post/jekyll/raw-in-jekyll.html ，以避免陈旧错误知识的误导
从wordpress导出数据 我参考前面诸位写出来的ruby代码：wordpress2Markdown 这个ruby脚本的功能： 循环匹配多种代码块，替换为 octopress 格式的代码块 替换url...中的汉字为拼音，并去掉不能转换的标点符号等 输出文件到 ansi as utf-8 格式的文件中，避免中文字符乱码 我碰到的问题 第一个: rake aborted!...(See full trace by running task with --trace) 解决： bundle exec rake 用上面的语句替代 rake 执行命令 第二个: * * Invoke...generate (first_time) * * Execute generate # # Generating Site with Jekyll Unchanged sass/screen....或者，在 d:\RailsInstaller\Ruby1.9.2\setup_environment.bat 的最后面加上这两句。
有意思的是，这种上传并不是单纯的上传，而是会经过Jekyll程序的再处理。 二、Jekyll是什么？...在项目根目录下，创建一个_layouts目录，用于存放模板文件。 $ mkdir _layouts 进入该目录，创建一个default.html文件，作为Blog的默认模板。...如果网页代码采用html格式，后缀名为html；如果采用markdown格式，后缀名为md。）...有了文章以后，还需要有一个首页。 回到根目录，创建一个index.html文件，填入以下内容。 ...这里要注意的是，Liquid模板语言规定，输出内容使用两层大括号，单纯的命令使用一层大括号。至于{{site.baseurl}}就是_config.yml中设置的baseurl变量。
Iris数据集将用作生成本指南中输出的示例。 1.打开感兴趣的笔记本，或使用下面的代码创建示例笔记本。运行所有相关单元格，以便在页面上显示你想要在Jekyll博客上显示的内容。...根据帖子内容可能需要转义字符。有关转义字符和格式化块的更多信息，请参阅Jekyll文档。 以下部分显示如何通过调整并设置表格和图像样式以改进显示。...1.在/exampleblog/assets文件夹中创建一个名为main.scss的新文件。...[jupyter_table.png] [jekyll_table.png] 在Jekyll中添加图像 通过markdown添加图像需要将图像存储在项目目录中。...如果项目根目录中有另一个_layouts或_includes文件夹，那些HTML文件将覆盖该主题。 3.在minima主题的_includes目录中，创建一个新的scripts.html文件。
如果你对前端技术很感兴趣，或者你有前端开发经验，那么你开源随意定制化Jekyll模板，相对来说处理出现的错误问题也会比一般人及时一些。由于我对这个还不是很熟悉，希望各位大佬指教。...第二步:把下载好的模板上传到自己的Github仓库中。 第三步:在_posts文件夹中放入自己写好的博客,文件名必须是日期-标题名,例如:2019-01-01-我的第一篇博客。..._layouts layouts 是包裹在文章外部的模板。布局可以在 YAML 头信息中根据不同文章进行选择。 这将在下一个部分进行介绍。...The permalinks 可以在文章中自己定制，但是数据和标记语言都是根据文件名来确定的。...---- 三、相关语法官网 Liquid语法: https://help.shopify.com/themes/liquid Jekyll中文网: http://jekyll.com.cn/ 在本地预览博客效果
大多数托管平台无非是开放一个FTP或类似服务，用户把制作好的网页或脚本上传了事，而在码云用户通过创建特殊名称的 Git 版本库或在 Git 库中建立特别的分支实现对主页的维护。...3、如果你想以根目录的形式访问自己的静态网站，只需要建立一个与自己个性地址同名的项目即可，如 https://gitee.com/ipvb 这个用户，想要创建一个自己的站点，但不想以子目录的方式访问，想以...一个小白的 Pages 搭建之旅 A.新建项目 test_pages ? 点击创建完成项目的创建 B.添加文件 index.html (注意名称是index.html哦！) 点击新建文件 ?...文件名输入 index.html，内容就是简单的 html ? 点击提交，将文件提交到仓库 C.选择 pages 服务 ? D.选择需要部署的分支，这里选择 Master 启动服务。 ?...Jekyll 使用文档：http://jekyll.bootcss.com/docs/home/ 其他帮助: 如何自定义404？ 答：在项目根目录新建 404.html 文件即可。
实现 代码高亮 Jekyll 代码高亮可以使用 Pygments、Rouge、Prism、Highlight JS等工具实现，据说大部分的高亮博客中基本上都是使用 Pygments。...，因此在博客文章中也会出现需要放大查看图看得更清楚的时候，甚至说只浏览图，这就需要有图片放大和图集功能的帮助了。...important; } } 另外，也需要在 _config.yml 文件中在导航栏中添加链接，如下所示。...其实在 Jekyll 中要做到这个也不是很难，只需要对整个文章的内容进行字符计数即可。...通常来说，英文单词的阅读速度在 350 词/分钟 左右，而中文的阅读速度也差不多，所以可以将字数除以 350 即可得到大概所需的阅读时长。
Eleventy 是一个基于 JavaScript 的 Jekyll 和 Hugo 的替代品，用于构建静态网站。 静态网站生成器是一种基于原始数据和一组模板生成完整的静态 HTML 网站的工具。...文档是软件开发、设计和其他方面技术的一个重要组成部分。所有的代码库都需要某种形式的文档，选择范围从简单的 README 到完整的文档。...它是用 JavaScript 编写的，它将一个（不同类型的）模板目录转化为 HTML。它也是开源的，在 MIT 许可下发布。...1、创建一个 package.json 文件 要将 Eleventy 安装到你的项目中，你需要一个 package.json 文件： $ npm init -y 2、将 Eleventy 安装到 package.json...在你确认安装完成后，尝试运行 Eleventy： $ npx @11ty/eleventy 4、创建一些模板 现在运行两个命令来创建两个新的模板文件（一个 HTML 和一个 Markdown 文件）：
时间设置 因为我们是直接参考复制别人的主题，所以这个步骤在Windows会稍微不一样。 我们需要先安装tzinfo-data到Windows中才可以。...(line 2): Expected dotdot but found pipe in … … 只需要把文件中的： sorted_repos = (site.github… …rs_count’)...修改侧边栏 把主页中侧边栏的Repo修改成分类栏。...2021年更新 (1) 在2021年尝试使用本地预览的时候发现如下问题： D:/Ruby30-x64/lib/ruby/gems/3.0.0/gems/jekyll-3.9.0/lib/jekyll/commands...原因是GitHub只会阅读Jekyll中xxx.github.io/_includes,而不会进入blog/_includes 导致。该问题是可以解决的。
3、如果你想以根目录的形式访问自己的静态网站，只需要建立一个与自己个性地址同名的项目即可，如http://git.oschina.net/ipvb 这个用户，想要创建一个自己的站点，但不想以子目录的方式访问...一个小白的Pages搭建之旅 A.新建项目 test_pages ? 点击创建完成项目的创建 B.添加文件 index.html (注意名称是index.html哦！) 点击新建文件 ?...文件名输入index.html，内容就是简单的html ? 点击提交，将文件提交到仓库 C.选择pages服务 ? D.选择需要部署的分支，这里选择Master启动服务。 ?.../intro.md ，在文件的顶部制定了它的访问链接是pages_intro，在提交之后，码云会自动帮你部署，就可以通过http://silentboy.oschina.io/test_pages/pages_intro.../ 进行访问了，怎么样，是不是很酷？
第一步：在 _config.yml 文件中添加自定义页面类型集合 collections: article: output: true 其中，article 是我为自定义类型取的名称。...第二步：添加自定义页面类型文件夹 需要在 Jekyll 项目根目录建立一个 _article 文件夹，此名称与第一步的类型名称一致，前面加下划线。...制作一个合并了博客和其他页面类型的页面列表 我希望在首页中混杂我的博客和胡思乱想，于是必须将两种不同类型的集合合并。...---- 参考资料 Concat arrays in Jekyll(liquid) Sorting & ordering collections · Issue #2515 · jekyll/jekyll...，请阅读原文： https://walterlv.com/post/jekyll/jekyll-concat.html ，以避免陈旧错误知识的误导，同时有更好的阅读体验。
Markdown（或 Textile）、Liquid 和 HTML & CSS 构建可发布的静态网站。 博客支持。支持自定义地址、博客分类、页面、文章以及自定义的布局设计。...目录,记得一定要进入创建的目录，否则服务无法开启 cd blog jekyll serve #启动你的http服务复制代码 本地服务开启后，Jekyll服务默认端口是4000...[更多](http://unixhelp.ed.ac.uk/shell/jobz5.html).复制代码 Jekyll 的核心其实是一个文本转换引擎。...它的概念其实就是：你用你最喜欢的标记语言来写文章，可以是 Markdown, 也可以是 Textile, 或者就是简单的 HTML, 然后 Jekyll 就会帮你套入一个或一系列的布局中。...在整个过程中你可以设置 URL 路径，你的文本在布局中的显示样式等等。这些都可以通过纯文本编辑来实现，最终生成的静态页面就是你的成品了。
Markdown（或 Textile）、Liquid 和 HTML & CSS 构建可发布的静态网站。 博客支持。支持自定义地址、博客分类、页面、文章以及自定义的布局设计。...//使用gem安装Jekyll gem install jekyll //使用Jekyll创建你的博客站点 jekyll new blog #创建你的站点 //开启Jekyll服务 //进入blog...它的概念其实就是：你用你最喜欢的标记语言来写文章，可以是 Markdown, 也可以是 Textile, 或者就是简单的 HTML, 然后 Jekyll 就会帮你套入一个或一系列的布局中。...在整个过程中你可以设置 URL 路径，你的文本在布局中的显示样式等等。这些都可以通过纯文本编辑来实现，最终生成的静态页面就是你的成品了。...现在我们打开http://localhost:4000,即可看见我们在Github上创建的主页，理论上和username.com/username.gi… 访问的应该是一模一样的。
YAML 一个几乎所有编程语言都支持的易读的数据序列化标准。 jekyll Liquid Ruby的一个模板引擎库。...在jekyll templates中可以看到，是支持include的，只需要在根目录下创建一个名为_includes的目录，把页面片放到这个目录中，然后用下面的语法加载对应的页面片文件即可： {% include...footer.html %} #加载名为 footer.html 的文件到当前位置 {% include footer.html param="value" %} #也可传参数到页面片文件中，在footer.html...于是，我们可以用同样的方法建立导航、头部之类的公用代码，然后放到_includes目录中，在需要的位置引用。...相关插件 做为一个技术博客，常用会需要展示代码，有几种方式可以让我们在页面中展示所需的代码片断或者Demo效果。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
