第二阶段，发现免费空间限制太多，就自己购买域名和空间，搭建独立博客。 第三阶段，觉得独立博客的管理太麻烦，最好在保留控制权的前提下，让别人来管，自己只负责写文章。...它号称程序员的Facebook，有着极高的人气，许多重要的项目都托管在上面。 简单说，它是一个具有版本管理功能的代码仓库，每个项目都有一个主页，列出项目的源文件。 ?...所以，github Pages可以被认为是用户编写的、托管在github上的静态网页。 ? github提供模板，允许站内生成网页，但也允许用户自己编写网页，然后上传。...在该文件中，填入以下内容：（注意，行首不能有空格） — layout: default title: 你好，世界 — {{ page.title }} 我的第一篇文章...如果你不想用http://username.github.com/jekyll_demo/这个域名，可以换成自己的域名。
第二阶段，发现免费空间限制太多，就自己购买域名和空间，搭建独立博客。 第三阶段，觉得独立博客的管理太麻烦，最好在保留控制权的前提下，让别人来管，自己只负责写文章。...它号称程序员的Facebook，有着极高的人气，许多重要的项目都托管在上面。 简单说，它是一个具有版本管理功能的代码仓库，每个项目都有一个主页，列出项目的源文件。 ?...所以，github Pages可以被认为是用户编写的、托管在github上的静态网页。 ? github提供模板，允许站内生成网页，但也允许用户自己编写网页，然后上传。...$ cd jekyll_demo $ git init 然后，创建一个没有父节点的分支gh-pages。因为github规定，只有该分支中的页面，才会生成网页文件。 ...如果你不想用http://username.github.com/jekyll_demo/这个域名，可以换成自己的域名。
通过在Python中编写自己的简单、轻量级、无魔法的静态站点生成器，完全控制静态网站/博客生成。对的！重新发明轮子，伙计们！ 目录 简介 但是为什么呢？...另一个值得注意的事情是，内容文件可以通过在内容标题中定义自己的参数来覆盖这些参数。例如，查看主页的内容文件。...在其内容标题中，即具有键值对的顶部的HTML注释中，它定义了一个名为title的新参数并且覆盖了副标题参数。 稍后我们将讨论占位符和内容标题的语法。这很简单。 然后加载所有布局模板。...这是通过在代码中进一步调用make_pages()完成的。 layout/post.html：它包含博客文章的模板。 请注意，它不以开头，也不包含和标签。 这不是一个完整的独立模板。...layout/list.html：它包含博客列表页面的模板，该页面按反向时间顺序列出博客中的所有帖子。 除了在顶部提供一个标题和在底部提供一个RSS链接之外，这个模板并没有太多的作用。
你已经成功搭建了自己的个人博客以及学会在博客上撰写文字的技能了（是不是有点小兴奋）。 首页标签 在首页可以看到这些特色标签，当你的文章出现相同标签（默认相同的标签数量大于1），才会自动生成。...选择 CNAME 文件 image.png 使用的注册的域名进行替换,然后提交保存 image.png 这时，输入你自己的域名，就可以解析到你的主页了。 大功告成！...~在img文件夹中把替换我的头像就好了。...Windows 环境下的配置请参考 @梦幻之云 提供的 这篇文章。 有心的同学在 jekyll官网 就会发现 jekyll 的 提供的实例代码。...所以，要在 MacDown 中插入图片，这张图片就需要上传到图床（网上），然后在引 用这张图片的URL。
经常看到别人的博客里面有动态的云标签页，感觉很是高大上，自己也很像弄一个。于是去找寻源码，在阿里西西页面特效中找到了云标签的源码，经过分析和解剖，弄成了符合博客园的js. ...那么我们分析以下，上面的代码： 这个部分的代码，应该是直接嵌入到body里面的，所以引用的css js都要加入标签，下面是css的代码： #div1...下面是js的代码，radius定义了云标签的半径，可以通过设置该值，调整云标签的旋转半径，也就是球形的大小 var radius = 60...cb = Math.cos(b * dtr); sc = Math.sin(c * dtr); cc = Math.cos(c * dtr); } 最后添加自己的云标签内容...，即可，后面的class会调用上面css定义的样式，如果没有自己喜欢的颜色或者样式，自己定义就行了。
你已经成功搭建了自己的个人博客以及学会在博客上撰写文字的技能了（是不是有点小兴奋?）。 首页标签 在首页可以看到这些特色标签，当你的文章出现相同标签（默认相同的标签数量大于1），才会自动生成。...购买域名 首先，你必须购买一个自己的域名。 我是在阿里云购买的域名 ?...使用的注册的域名进行替换,然后提交保存 ? 这时，输入你自己的域名，就可以解析到你的主页了。 大功告成！...你最先关心的可能是你的头像~在img文件夹中把替换我的头像就好了。 ? 不仅是图片，所有在Github上的的操作都可以进行。...Windows 环境下的配置请参考 @梦幻之云 提供的 这篇文章。 有心的同学在 jekyll官网 就会发现 jekyll 的 提供的实例代码。
准备 要学习本教程，您需要： 具有sudo权限的非root用户的Ubuntu 16.04服务器：您可以在使用Ubuntu 16.04教程的初始服务器设置中了解有关如何使用这些权限设置用户的更多信息。...在添加新帖子和页面时，使用现有结构并遵循Jekyll的命名约定非常重要。 提示： tree是查看文件和目录结构的一个非常有用的命令。...一旦保存对帖子或页面的更改，静态站点将自动重建，因此不要直接对_site文件夹中的文件进行更改。...如果我们在我们的网站上工作时让开放服务器在前台运行时打开此终端，我们将在添加页面和帖子以及更改内容时立即收到反馈。...在Web浏览器中，我们可以在jekyll serve输出中显示的服务器地址和端口访问它： 结论 在本教程中，我们安装了Jekyll并创建了一个包含一些自动生成内容的开发站点。
博客，您应该会看到指向新帖子的标题链接（示例中为“超赞的数据可视化”）。...1.在/exampleblog/assets文件夹中创建一个名为main.scss的新文件。...[jupyter_table.png] [jekyll_table.png] 在Jekyll中添加图像 通过markdown添加图像需要将图像存储在项目目录中。...将所有从Jupyter导出的图像移动到/assets/images文件夹中。 在markdown中将图像的引用修改为适当的路径。用两个花括号和双引号括起路径。...3.在minima主题的_includes目录中，创建一个新的scripts.html文件。
在最美的年华遇见更好的自己！...▲ Bend Blog 的个人主页 准备搭建：前期准备 其实在准备搭建之前，我还花了一点时间找 Jekyll主题，最终还是选了 这个主题。它里面也有相关使用介绍。...▲ 主题首页 搭建过程参考了下面搭建的文章： Github+jekyll：建立你自己的博客网站 github + jekyll 建自己的博客 GitHub | 个人静态博客搭建 Jekyll 主要步骤总结...gem install jekyll 选择jekyll主题并配置 推送至GitHub的远程仓库 具体步骤可以查看：Github+jekyll：建立你自己的博客网站 ---- 踩坑之一：Windows...其中，每个大坑中还有各种小坑，等待着我们去探索 一时的心血来潮，一天的踩坑记录。 只要思想不滑坡，结果终将皆所愿！ —— 2022-04-09
很多开源项目托管平台都支持为托管的项目建立主页，但主页的维护方式都没有码云这么酷。...大多数托管平台无非是开放一个FTP或类似服务，用户把制作好的网页或脚本上传了事，而在码云用户通过创建特殊名称的 Git 版本库或在 Git 库中建立特别的分支实现对主页的维护。...3、如果你想以根目录的形式访问自己的静态网站，只需要建立一个与自己个性地址同名的项目即可，如 https://gitee.com/ipvb 这个用户，想要创建一个自己的站点，但不想以子目录的方式访问，想以...Pages 进阶，使用 Jekyll 生成自己的静态网页 Jekyll 究竟是什么？ Jekyll 是一个简单的博客形态的静态站点生产机器。...Jekyll 使用文档：http://jekyll.bootcss.com/docs/home/ 其他帮助: 如何自定义404？ 答：在项目根目录新建 404.html 文件即可。
进入自己的github主页，点击settings -> SSH and GPG keys -> New SSH key -> 填写title以及复制刚才公钥中的内容 验证 在cmd中输入命令，显示出自己的用户名...-global user.email "yuzhongzi91@sina.com" 2.3 上传自己的代码到github仓库 进入自己的github主页，然后新建一个仓库，名称叫做你的用户名.github.io...然后在浏览器中输入Rynxiao.github.io，就可以看到我们在本地中搭建的博客样子了 二、复制别人现有的博客模板 进入http://jekyllthemes.org/，挑选一个自己喜欢的模板...进入主页，然后fork至自己的仓库下 进入自己github主页，找到刚才的那个仓库，然后点击settings，更改名称，格式为你的账户名.github.io，例如我的就叫Rynxiao.github.io...详细的更改配置可以在模板的主页中读取，一般都会有介绍 在浏览器中输入你的账户名.github.io，就可以看到你喜欢的博客模样了 参考链接 https://bigballon.github.io/posts
支持归档与标签 建立博客Git仓库 首先你要在github上有自己博客仓库，用来生成和存放博客文章。...不过要把配置中我的google_analytics: UA-XXXXXXX-X删除，否则统计到我的去了。...配置搜索框标签 在你想展示搜索框的页面我的是index.html，这个页面和每个人的博客模板有关，可能需要一点前端知识，添加如下的html标签。...搜索框样式 搜索框的样式是可以改变的，这里有修改HTML中CSS样式的方法，我搞后端的，前端现学现卖。...#请输入你的微博个性域名 https://www.weibo.com/ zhihu: yourname #输入你知乎主页链接上的名字 https://https://www.zhihu.com
使用这个博客模板的朋友们时不时会提出一些问题，我将它们以及对应的解决方案逐渐整理归纳，汇总到这一篇帖子里。...如何本地预览 参考 GitHub 的官方说明： Setting up your Pages site locally with Jekyll 本地预览报错 undefined method map for...tap in /_layouts/page.html jekyll 3.8.5 | Error: undefined method `map' for false:FalseClass Did you...按需开启即可，然后就可以在正文里正常画图了，展示效果可以参见 https://mazhuang.org/wiki/markdown/，对应写法参考源文件 https://github.com/mzlogin.../mzlogin/rouge-themes 在项目主页可以看到每种风格的预览效果。
写在前面 最近才发现一个基于Github Pages的Jekyll内容编辑器Prose，感觉内容编辑更快、发布什么的更方便，所以想推荐给使用github的友友们，以前都是在markdown工具里写，然后再用...使用Prose所见即所得的编辑特性 1.首先你得有一个Github Pages的主页，没有的话开通Github Pages服务，这里就不赘述了，大家都知道。...这些都是之前发布的文章文件 3.接着，我们新建一个文件，点击NEW FILE，然后编辑内容，编辑内容的时候，Prose支持Markdown标签的高亮显示，如下： ?...预览 Prose项目的架构特点与展望 Prose的架构实现是以Backbone与Jekyll为基础，应用托管在Github上，浏览器端直接与GitHub API交互。...写在最后 结合静态站点托管服务Github Pages与博客生成工具Jekyll，搭建博客站点，有着部署成本低、易于维护的特点。
” 通过博客的形式分享是学习的一种技巧（费曼技巧，让小孩子明白你要讲述的内容），内化知识的同时也从分享中得到快乐 用写作来记录成长的过程，保持这种习惯能让你听到意志力成长的声音（zi......接下来将会通过实例展示不同的博客形式。 个人主页注册。指的是在现有的博客网站、论坛或社区上注册个人主页 静态网站生成。...静态网站生成的博客很轻，可以绑定自己的域名，适合中小型项目快速建站，省去服务器费用、免去搭建配置服务器等的繁琐过程。...具有贴心的后台界面，可以管理文章、相册、主题等。因为有数据库支持，所以可以实现多用户维护管理，高清大图上传等。 高级还免费。内置搜索、评论等常用功能，还有丰富的插件市场可以轻松满足各种需求。...虽然各大服务器商均有提供WordPress服务器镜像，可以实现5分钟快速搭建，但是如果不了解一些基本的web知识，会比较容易在搭建和使用过程中摸不着头脑。
于是，在 Jekyll 博客主题设计的时候，通常会在个人简介的地方放置几个社交小图标，点击社交小图标即可把读者带到你的社交个人主页上。...今天我们就来讲讲如何自己定制一套社交图标集合。...比如说，虽然我们只在字体图标文件中定义了一个图标，但是当我们使用不同的 color 定义时，图标就会改变其颜色。...Symbol 图标 实际上除了字体图标在不同设备、不同平台上有相同的效果之外，SVG 图标也具有类似的效果，这主要是因为 SVG 图标的矢量本质，即缩放不会产生任何失真。...为了能够创建一个 SVG 图标集合，我们可以使用 symbol 元素来定义一个图形模板对象，然后用一个 元素实例化。symbol 元素对图形的作用是在同一文档中多次使用，添加结构和语义。
前言 我相信，每个程序员都有一个愿望，都想有一个属于自己的"家"——属于自己的博客，专属的网站。在自己的“家”中，可以和志同道合的兄弟一起分享和讨论任何技术，谈天说地。...关于jekyll其他一些命令的用法如下: $ jekyll build # => 当前文件夹中的内容将会生成到 ./_site 文件夹中。...在整个过程中你可以设置 URL 路径，你的文本在布局中的显示样式等等。这些都可以通过纯文本编辑来实现，最终生成的静态页面就是你的成品了。...现在我们打开http://localhost:4000,即可看见我们在Github上创建的主页，理论上和username.com/username.gi… 访问的应该是一模一样的。...四.申请个人域名 现在很多地方都支持个性化域名，比如新浪微博，就可以自己申请一个个性域名，那么以后只要访问weibo.com/你的名字，这个网址就可以直达你的主页。
当您将新内容发布到您的网站时，之前的帖子会关闭并最终移动到存档页面。粘性帖子允许您在WordPress中添加精选帖子，并在您的网站主页上以不同的方式显示它们。...如果您想确保人们阅读重要的通知或帖子，请将其放在顶部。 同样，您可以使用置顶帖/文章子恢复旧博客帖子。定期创建内容可能具有挑战性。您可以恢复旧帖子并将其放置在您网站的顶部，而不是创建新内容。...Sticky Posts Switch插件简介 该插件在帖子管理列中添加了一个新列，可让您轻松标记帖子以使其具有粘性。...在WordPress中为类别添加置顶帖/文章的最简单方法是使用WordPress Sticky Posts Switch插件，可让您在主页、存档页面和分类页面上设置置顶文章。 ...Sticky Posts Switch插件教程WordPress中为分类添加置顶文章 此外还可以选择在主页、帖子存档页面或分类页面（如类别和标签）上显示粘性帖子的位置。
本人在使用过程中也的确是发现了一些与自己实际需求不大一致的地方，并且在原 H2O 主题的基础上做了一些改动。...学术研究人员比较重视在首页直接展示个人信息和研究情况，能够让人很快地了解到所需的信息，这其实是将 About me 这样一个平常的辅助页面当成了主页面来用。...另外，运维程序员比较重视能一览所有文章的标题以迅速找到感兴趣的文章。虽然搜索功能、标签页、卡片展示页都能够列出所有的文章，但个人觉得还是不够简洁、方便。...如果有系统日志页，就可以按照年份、月份、事件的先后进行简要的描述，并且一览无遗。 因此，在 H2O-ac 主题中，从原来 H2O 的主页中抽出框架做成了页面模板。...另，新增将 alt 内容作为图片的描述显示在 fancybox 中。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
