Jekyll 也可以运行在 GitHub Page 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...「目录结构http://jekyllcn.com/docs/structure/」，下面为个人博客目录结构的简单介绍： . ├── 404.html ：404页面 ├── CNAME ：Github...如果想在本地查看效果，在项目根目录直接命令行运行 jekyll server 即可 ➜ blog git:(master) ✗ jekyll server Configuration file: /github...上传结束以后，在静态页面托管的「文件管理」页面可以对我们上传的内容进行调整，在「设置」页面可以添加域名、错误页面等信息，同时也给出了腾讯云提供的默认域名。...如果你有自己的域名，你也可以添加自己的域名解析，例如下面我修改为使用我自己的域名，并设置了自定义的索引页和404页面： Zkyx39SOCYgHimv.png 访问静态页面 在浏览器输入讯云提供的默认域名
在本教程中，我们将在Ubuntu 16.04上安装一个Jekyll 3.7.3开发站点。在后面的教程中，我们将探索此处生成的内容，将静态站点发布到同一服务器，并最终部署到生产位置。...它们是Jekyll用于创建静态站点的源文件。Jekyll依赖于特定的名称，命名模式和目录结构来解析不同的内容源并将它们组装到静态站点中。...在添加新帖子和页面时，使用现有结构并遵循Jekyll的命名约定非常重要。 提示： tree是查看文件和目录结构的一个非常有用的命令。...如果您正在使用本地计算机，则可以在 没有主机设置的情况下运行jekyll serve并连接http://localhost:4000。...如果我们在我们的网站上工作时让开放服务器在前台运行时打开此终端，我们将在添加页面和帖子以及更改内容时立即收到反馈。
你已经成功搭建了自己的个人博客以及学会在博客上撰写文字的技能了（是不是有点小兴奋）。 首页标签 在首页可以看到这些特色标签，当你的文章出现相同标签（默认相同的标签数量大于1），才会自动生成。...进阶 若你对博客模板进行修改，你就要看看 Jekyll 的开发文档,是中文文档哦，对英语一般的朋友简直是福利啊（比如说我）。 还要学习 Git 和 GitHub 的工作机制了及使用。...利用GithHub Desktop管理GitHub仓库 GithHub Desktop 是 GithHub 推出的一款管理GitHub仓库的桌面软件，换句话说就是将你在Github上的文件同步到本地电脑上...404错误 检查你的仓库名是否有按照要求填写 确定 Fork 的是不是我的仓库~ 修改CNAME文件，域名还是不变 清除浏览器缓存就OK~ 其他问题 直接在评论中提出来或私信我，我会一一替大家解决的 其他...例如像这样的 image.png 原因大多是直接Clone了我的仓库到本地，没有删除我的远程仓库地址，添加完自己的仓库地址后，一口气推送到所有远程仓库（包括我的）~ 打扰了我的工作和生活~ 所以，请不要往我的仓库上推送分支
利用GithHub Desktop管理GitHub仓库 GithHub Desktop 是 GithHub 推出的一款管理GitHub仓库的桌面软件，换句话说就是将你在Github上的文件同步到本地电脑上...克隆仓库 选择你的仓库克隆到本地 ? ? 管理仓库 现在文件夹中打开 ? 打开后你会的发现文件结构和你在Github上的一模一样~ ?...已经是 so eazy了吧~ 注意 你在 GitHub 网站上进行 Commit 操作后，需要在GitHub Desktop上按一下 同步按键 才能同步网站上的修改到你的本地。...404错误 检查你的仓库名是否有按照要求填写 确定 Fork 的是不是我的仓库~ 修改CNAME文件，域名还是不变 清除浏览器缓存就OK~ 其他问题 直接在评论中提出来或私信我，我会一一替大家解决的?...原因大多是直接Clone了我的仓库到本地，没有删除我的远程仓库地址，添加完自己的仓库地址后，一口气推送到所有远程仓库（包括我的?）~ 打扰了我的工作和生活~ 所以，请不要往我的仓库上推送分支！
博客从 Jekyll 迁移到 Hugo，以及最近一些折腾的感悟。 个人博客那些事 其实从很早的时候就开始了个人博客网站的搭建，最初得益于 github.io 域名的开放。...Jekyll 最初是使用了一个简单的模板，后来随着需求日益增加，比如需要标签、目录、侧边栏等功能，于是又转投了另一个主题。...该博客支持以下功能: 支持 Markdown 渲染，文章目录、代码语法高亮、自适应文章布局 支持文章分类、标签，以及这些属性的数据库管理 支持页面访问统计、评论 支持后台管理 (基于定制的Django-Admin...) 支持在后台使用类似 VIM 的键盘映射来编写文章 支持真实后台管理页面的隐藏以及虚假后台页面的蜜罐和告警 (没错) 此外因为当时工作接触了一些新潮前端概念，还尝试将一套前后端分离的模式融入到系统中。...关于白嫖 在迁移博客的时候发现 Chrome 新版本对于 https 站点中的所有 HTTP 资源都拒绝加载了，导致以前七牛 CDN 上的图片都无法显示，而七牛的 HTTPS 流量又是收费的，所以我决定换一个图床
Google站长统计 首先你要去注册一个谷歌分析账号，它可以统计你博客网站的访问人数，访问来源等非常丰富的网站数据。如果你不在乎可以不用跳过这节。...本地博客预览 到目前为止，我们提交的文章都是必须上传到github仓库才能预览。如果你想写完在本地浏览器看一下效果在上传也是可以的，因为不是所有人都有这样的需求。...预览博客 jekyll server 输入之后打开浏览器，不出意外输入localhost:4000即可看到博客内容。 ? 如果你没这么顺利，那以下的错误解决供参考 常见错误 缺少某个包 ?...配置搜索框标签 在你想展示搜索框的页面我的是index.html，这个页面和每个人的博客模板有关，可能需要一点前端知识，添加如下的html标签。...一个是用云端的js一个是用本地的js如果本地有的话。
1.成果展示 我的github仓库 我的博客 2.概述 之前曾经在Github Pages上使用jekyll搭建过一个博客，也绑定了自己的域名，使用体验十分好，每次在本地编辑完，只需要执行git push...不过即使在自己的服务器上搭建博客，仍然推荐在github上保存一份仓库，因为我相信，我们自己的服务器并没有github的服务器稳健，如果后续我们不再购买，或者服务器崩溃数据丢失，在github上有完整仓库也可以很快重新搭建...注意：这个方法是个人总结出的比较方便的方法，但是需要用户自己保证不在服务器端的工作区进行文件的改动及commit操作，否则极其容易造成工作区混乱，如果很喜欢在服务器上写，可以建立裸仓库用来保存，在其他文件夹建立本地仓库...，你可以在本地再次添加一个远程仓库，关联到github，每次改动后，push到github，再push到服务器上。...Gitment：使用 GitHub Issues 搭建评论系统 这是作者写的教程页面，完全按照教程来亲测可行，而且很简单。
在整个过程中你可以设置 URL 路径，你的文本在布局中的显示样式等等。这些都可以通过纯文本编辑来实现，最终生成的静态页面就是你的成品了。...该文件不会被包含在生成的站点中。)...接下来我们要做的就是把我们的Jekyll生成的blog部署到Github Pages上去即可 3.部署blog 我们先把刚刚新建的仓库git clone到本地，然后cd 到仓库的目录下，执行jekyll...现在我们打开http://localhost:4000,即可看见我们在Github上创建的主页，理论上和username.com/username.gi… 访问的应该是一模一样的。...，它提供的服务处于我们的网站服务器和我们的网站访问者之间，其原理是缓存了我们服务器上的页面，所以实际用户建立的 HTTPS 连接是用户的浏览器与 Kloudsec 之间的。
很多开源项目托管平台都支持为托管的项目建立主页，但主页的维护方式都没有码云这么酷。...Jekyll 也可以运行在 码云 Pages 上，也就是说，你可以使用码云的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...Github上的Pages地址是：https://blueimp.github.io/jQuery-File-Upload/ 如果想把它转移到码云Pages，只需要登录你的码云账户，点击右上角的 + 号...Jekyll 也可以运行在 码云Pages上，也就是说，你可以使用码云的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...Jekyll 使用文档：http://jekyll.bootcss.com/docs/home/ 其他帮助: 如何自定义404？ 答：在项目根目录新建 404.html 文件即可。
在本地预览上，Jekyll 是生成了页面然后进行预览，而 Hexo 是没有在根目录生成文件的，速度也快不少。因此，Hexo 在性能和速度上面更胜一筹。...而 Hexo 需要事先在本地生成整个站点页面，再将 Html 文件、资源文件等上传到 Github 上。 •主题 Jekyll 使用 Liquid；它是有 Ruby 语言编写的开源模板语言。...$ npm install -g hexo-cli 5 构建本地项目 在本地磁盘中，创建一个名为 Github_blog 的文件夹，用来保存网站项目的文件。...-- 8 SEO 优化 不得不说， Hexo 很人性化，有考虑到网站开发者会做 SEO 优化工作，在模板语言的可选变量中就有 id 选项。...但其实也是有方法来规避这种规则。 用户一般是通过关键字从搜索引擎搜索我们网页内容，所以我们需要给页面设置关键字和页面描述，能命中用户搜索的关键字。当然前提是要被搜索引擎收录。
接下来，就是每一个步骤的细致拆解，对于一个开发工程师来说，其实是很简单的。但简单不意味着可以立马手到擒来，我工作了7年了，现在才明白：简单的事情细致的做，做好、做对，坚持做正确的事情，就很棒了。...后续的说明不会一步一步截图说明步骤流程，我自己在找教程做网站的时候，那种一步一步的教程看似有用，但网站会更新，很多操作就没用了，实际上是要弄清楚做这些事情的来龙去脉。...开通常用的端口，在「服务器列表-安全组」里面，可以使用推荐的规则，入站、出站都开着，ICMP、SSH等，端口有：80、22、3389，就是说 ssh http https 都要开启，否则网页无法访问。...在这样的博客站点中，需要有对应的代码环境执行命令，在自己的电脑（Windows or macOS系统）生存html css js 文件，然后再上传到服务器中，服务器就不需要对应的Node.js or python...PS: 如果github不好上，可以考虑giteehugo安装步骤安装好准备 Git Node.js 的本地环境在 hugo 官网安装 hugo，这有2种，一种是 hugo，另一种是 hugo extended
您可以使用Jekyll主题选择器在网上创建和发布GitHub页面。如果您喜欢在本地工作，您可以使用GitHub桌面或命令行。...在GitHub上，导航到您的GitHub页面站点的存储库。 在名为/docs的主分支上创建存储库根目录中的文件夹。 存储库设置在您的存储库名称下，单击“设置”。...定制的404s只有在使用自定义域时才会起作用。否则，将使用用户页404。 使用命令行创建项目页面。 如果您熟悉命令行Git，那么手动创建项目页面站点是很容易的。...对于使用Jekyll的GitHub Pages网站，您的HTML文件很可能会存储在_layouts文件夹中。一般来说，CSS是在HTML文件的一部分中找到的。...进一步阅读GitHub页面 请参阅“ 自定义GitHub页面 ”了解更多关于使用批准的Jekyll插件和GitHub Pages网站，创建自定义404页面以及查看可用存储库元数据的更多信息。
本人在使用过程中也的确是发现了一些与自己实际需求不大一致的地方，并且在原 H2O 主题的基础上做了一些改动。...另外，运维程序员比较重视能一览所有文章的标题以迅速找到感兴趣的文章。虽然搜索功能、标签页、卡片展示页都能够列出所有的文章，但个人觉得还是不够简洁、方便。...否则，jekyll-paginate-v2 不会主动工作。...本地测试 在进行本地测试时，如果需要修改一些样式，则需要先执行 npm install 来完成前端自动构建工作流依赖库的安装。...发布部署 由于 Github 提供 Jekyll 静态生成器的静态页面托管，只要打开仓库的 Pages 功能，当推送更新到 Github 时即会自动部署。
这时，在 GitHub Pages 设置里面，你就需要设置一个 Custom domain 来帮助 GitHub Pages 部署的时候知道某个域名实际上是你的，需要用来显示此仓库的 GitHub Pages...新建的时候实际上可以无所谓命名，因为这个仓库里面不会真的有内容，多数时候访问实际上是 404 的。...第三步：创建用于跳转的 404 页面 然而我们并不打算在这个仓库里真的放代码/网页，于是在根目录放一个 404.html 文件： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15...在第二个仓库中，我们故意什么都不放，这样会触发 404，我们在 404 页面里面跳转到新的域名即完成了我们的目的。...，以避免陈旧错误知识的误导，同时有更好的阅读体验。
如果你对前端技术很感兴趣，或者你有前端开发经验，那么你开源随意定制化Jekyll模板，相对来说处理出现的错误问题也会比一般人及时一些。由于我对这个还不是很熟悉，希望各位大佬指教。...这里出现的错误，欢迎大家指点。本文简单讲接一下Jekyll如何制作文档。...标签 {{ content }} 可以将content插入页面中。 _posts 这里放的就是你的文章了。文件格式很重要，必须要符合: YEAR-MONTH-DAY-title.MARKUP。...完成转换，就会将生成的页面放在这里（默认）。...---- 三、相关语法官网 Liquid语法: https://help.shopify.com/themes/liquid Jekyll中文网: http://jekyll.com.cn/ 在本地预览博客效果
协议的历史 Robots Exclusion Protocol协议是由 Martijn Koster 在1994年2月，于Nexor工作期间在 www-talk 邮件列表中提出的。...例如： ＜META NAME="googlebot" CONTENT="index,follow,noarchive"＞ 表示抓取该站点中页面并沿着页面中链接抓取，但是不在GOOLGE上保留该页面的网页快照...三、Robots.txt使用上应注意的一些问题 1、每当用户试图访问某个不存在的URL时，服务器都会在日志中记录404错误（无法找到文件）。...每当搜索蜘蛛来寻找并不存在的robots.txt文件时，服务器也将在日志中记录一条404错误，所以你应该在网站中添加一个robots.txt。...2、如果后台和前台在一个域名下，不希望爬虫抓取后台程序的，可以在Robots.txt明确不让爬虫抓取的目录。但这会不会被某些恶意分子一下子就能够知道后台目录呢？ 3、国内常见搜索机器人的名字 ?
进入创建新仓库页面后，在 Repository name 的位置填写域名，格式是 username.GitHub.io。我的 Github 的 id 是 monkey-soft，所以域名如下图所示。...3.Jekyll 主题选择 上文讲到选择默认的主题，这里都是 Jekyll 主题。那什么是 Jeklly呢？它是一个简单静态站点生成器，能将纯文本的(一般是 Markdown 文件)转化为静态页面。...4.Jekyll 本地环境搭建 如果我们想对主题界面进行修改，每次预览界面需要将文件同步到 Github 仓库，这样操作不太方便。因此，我们可以本地搭建个 Jeklly 环境，方便我们调试。...6.发布文章 网站主题搭建工作完成之后，我们就能往博客上填充内容。文章一般是用 Markdown 语法编写的，存放在 _posts 文件中。 ? 文件的命名规则是：年-月-日-文章标题.md。 ?...在 md 文件中，必须带上头部信息才能被识别出来，其中信息有文章标题、编写时间、分类、标签等。 ?
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
