前言 我相信，每个程序员都有一个愿望，都想有一个属于自己的"家"——属于自己的博客，专属的网站。在自己的“家”中，可以和志同道合的兄弟一起分享和讨论任何技术，谈天说地。...那么接下来就来说说我博客搭建过程。 一.本地搭建Kekyll Jekyll是什么？它是一个简单静态博客生成工具，相对于动态博客。 简单。...关于jekyll其他一些命令的用法如下: $ jekyll build # => 当前文件夹中的内容将会生成到 ./_site 文件夹中。...它的概念其实就是：你用你最喜欢的标记语言来写文章，可以是 Markdown, 也可以是 Textile, 或者就是简单的 HTML, 然后 Jekyll 就会帮你套入一个或一系列的布局中。...--- layout: post title: 如何快速给自己搭建一个温馨的"家"——用Jekyll生成静态博客 author: 一缕殇流化隐半边冰霜 date: 2016.06.21 01:57:32
在上篇文章《个人博客如何选型？》中讲到，可以利用 Github Pages 来搭建个人博客网站，本文主要讲解其中的各种细节。...3.Jekyll 主题选择 上文讲到选择默认的主题，这里都是 Jekyll 主题。那什么是 Jeklly呢？它是一个简单静态站点生成器，能将纯文本的(一般是 Markdown 文件)转化为静态页面。...猴哥总结 URL 地址的 SEO 优化三个原则： 1.日期需要出现在固定链接中。 这基于两个方面的考虑。一是如果数字出现在固定链接里面，等于提醒搜索引擎，这是很旧的内容了，没必要再爬一遍了。...3.链接中不要出现中文 虽然现在的搜索引擎已经能识别URL地址里面的中文字符， 但无论是从美观上，以及中文字符会被转义的角度上看，都是非常差的。 猴哥推荐两种固定链接方案。...我的设想是在首先展示文章时会显示封面图片，我在文件中创建一个名为 img 文件夹来存放封面图片，图片命名须方式是以日期的形式。
3.Jekyll 主题选择 上文讲到选择默认的主题，这里都是 Jekyll 主题。那什么是 Jeklly呢？它是一个简单静态站点生成器，能将纯文本的(一般是 Markdown 文件)转化为静态页面。...猴哥总结 URL 地址的 SEO 优化三个原则： 1.日期需要出现在固定链接中。 这基于两个方面的考虑。一是如果数字出现在固定链接里面，等于提醒搜索引擎，这是很旧的内容了，没必要再爬一遍了。...这种层次过深，不方便搜索引擎爬虫的抓取，对搜索引擎的收录不太友好。...3.链接中不要出现中文 虽然现在的搜索引擎已经能识别URL地址里面的中文字符， 但无论是从美观上，以及中文字符会被转义的角度上看，都是非常差的。 猴哥推荐两种固定链接方案。...我的设想是在首先展示文章时会显示封面图片，我在文件中创建一个名为 img 文件夹来存放封面图片，图片命名须方式是以日期的形式。
从JavaScript数组中删除元素是开发人员经常遇到的常见编程范例。与许多JavaScript一样，这并不像它应该的那么简单。...splice（）函数的输入是要开始的索引点和要删除的元素数。 另外，请记住，数组在JavaScript中是零索引的。...要从数组中的特定索引中删除一个元素： ["bar", "baz", "foo", "qux"] list.splice(2, 1)// Starting at index position 2, remove...，或-1，如果它不存在的第一个索引。...结论 归结起来，在JavaScript中从数组中删除元素非常简单。命名约定起初可能有点奇怪，但是一旦你做了几次，你就可以不经过深思熟虑（或者第二次看这篇文章）。
拥有一个自己的博客网站是每一位有追求的写作爱好者的梦想。本文将向大家分享：如何为自己创建一个既时尚又好用的博客网站。...上面预览图中的博客就是基于jekyll的dbyll主题风格的网站。jekyll是一个简单的免费的Blog生成工具，而dbyll就是基于jekyll的一款开源的主题项目。...dbyll简介 dbyll是一款即时尚又简约开源的jekyll博客主题。...具体步骤： 第一步：创建GitHub Pages 关于如何在GitHub上创建个人博客，可以查阅这篇文章《轻松搞定GitHub Pages》。...发表文章： dbyll支持Markdown语法，所以你只需要将.md文件放到_posts目录下，jekyll就会自动将.md文件渲染成一个html页面。一个.md文件代表一个HTML页面。
但其实更多程序员是不知道如何去搭建一个博客，其实如今搭建一个个人技术博客非常简单，其中最简单搭建方式莫属使用 GitHub Pages + Jekyll 了，我的博客就是使用这种技术。...博客不能被百度索引，因 Github 和百度有过节，所以 Github 就把百度给屏蔽了。...构建一个技术博客很简单，基本上步骤就是网上找一个自己喜欢的主题，直接 Fork 到自己的 Github ，然后在删掉原博客中的内容，在上传自己的文章即可，以我自己的博客为例。...使用这个主题的原因是，我比较喜欢简洁大气的风格，并且此博客主题对代码展示支持良好。 快速构建一个博客 以我的博客为例，介绍如何最快搭建一个博客。这也是我博客经历的第一个阶段。...仍然把博客托管在 Github 上面，每次提交完代码后，在腾讯云上面执行一个脚本，这个脚本会自动从 Github 拉取最新更新的文件，并自动生产静态的 Html 文件推送到 Nginx 目录，域名重新指向这台服务器
但其实更多程序员是不知道如何去搭建一个博客，其实如今搭建一个个人技术博客非常简单，其中最简单搭建方式莫属使用 GitHub Pages + Jekyll 了，我的博客就是使用这种技术。...博客不能被百度索引，因 Github 和百度有过节，所以 Github 就把百度给屏蔽了。...构建一个技术博客很简单，基本上步骤就是网上找一个自己喜欢的主题，直接 Fork 到自己的 Github ，然后在删掉原博客中的内容，在上传自己的文章即可，以我自己的博客为例。...快速构建一个博客 以我的博客为例，介绍如何最快搭建一个博客。这也是我博客经历的第一个阶段。...仍然把博客托管在 Github 上面，每次提交完代码后，在腾讯云上面执行一个脚本，这个脚本会自动从 Github 拉取最新更新的文件，并自动生产静态的 Html 文件推送到 Nginx 目录，域名重新指向这台服务器
Github 主页，发现有一个 Jekyll 主题 Yummy Jekyll Theme。...过程虽然稍显麻烦，但解决了百度搜索引擎和 Github Page 组件升级的问题。切换之后没过多久，博客的日均访问量到了1.5W左右。...另外想给网站加一些功能，比如QQ登录什么的，都有一个前提条件必须有备案。恰好腾讯云那几天在做活动，就买了一个云主机，准备将博客从国外搬回到国内，没想到又掉进了另外一个坑。...在备案的同时，我在腾讯云主机上搭建了 Jekyll 、git 环境，同时写了一个简单的脚步，执行脚步会自动从 Github 拉取增量代码并打包到 Nginx 的目录下，同时利用 linux 的 crontab...另外如果你想了解如何去写博客，可以参考这篇文章：技术博客那些事儿。 END
Jekyll 是采用Ruby语言实现的将纯文本转换为静态博客网站的利器，也是本站点的关键技术。本文将对Jekyll中的进阶内容进行说明。...基本过程 Jekyll 是一个简单的博客形态的静态站点生产机器。...（引用自 http://jekyllcn.com/docs/home/） 由于本教程通过 Docker 技术直接在容器中运行 Jekyll 环境，因此读者不需要过多的研究 Jekyll 的运行环境要求。...若需要寻找更多的插件，可以通过搜索引擎或 Github 进行搜索。 模板 模板是指将一个网页分割为多个部分，存放在不同的文件中，以实现尽可能复用代码的目的。...教程链接 免费构建自己的博客-开发环境安装 免费构建自己的博客-编写第一篇博客 免费构建自己的博客-管理博客代码与发布到Github 免费构建自己的博客-Jekyll进阶 免费构建自己的博客-进一步丰富博客
概述 在这个实例中，我们将会演示如何删除在 Java 中定义的 List 的第 1 个元素。...linkedList.add("cow"); linkedList.add("goat"); } ArrayList 根据我们创建的 List，我们来演示在 ArrayList 中删除第一个元素...assertThat(list, not(contains("cat"))); } 通过上面的代码我们可以了解到，我们使用了 remove(index) 这个方法来删除我们需要处理的 List 中的第一个元素...LinkedList 却是使用的是指针（points），这个指针的意思就是每一个元素使用指针来指向下一个元素，同时还使用一个指针来指向前一个元素。...结论 在本文中，我们对如何对 List 中的第一个元素进行删除进行了说明和讨论。 并且针对 List 接口的 2 个实现来分别了解了不同的时间复杂度。
总之，如果您需要一个简单易用、功能齐全且具备扩展性的强大静态网站生成器或博客框架，请考虑选择其中之一。...jekyll/jekyll Stars: 46.9k License: MIT Language: Ruby Jekyll 是一个用 Ruby 编写的博客静态网站生成器。...hexojs/hexo Stars: 37.0k License: MIT Language: JavaScript Hexo 是一个快速、简单且强大的博客框架，由 Node.js 提供支持。...Hexo 是一个非常出色的博客框架，无论您是个人用户还是企业开发者都能从中受益。它提供了快速、简单和强大的功能，并且具有广泛兼容性和庞大社区支持。...如果你正在寻找一个简单但又功能齐全、容易上手操作与维护、并拥有广泛应用领域 (从个人博客到企业级门户) 静态网站生成器，elevevnty 将会是您理想之选！
当然也有，我们从 Jekyll 的 layout 机制来想办法。...Jekyll 的 layout 可以理解为页面模板，它是可以继承的，比如我的博客的所有页面模板有一个共同的祖先模板 _layouts/default.html，模板里可以使用 Liquid 语法对内容进行处理...0x02 站内搜索引用的 JSON 资源加速 我是使用 Simple-Jekyll-Search 这个 JavaScript 库来实现站内搜索的，它的搜索数据是来自一个动态生成的 JSON 文件。...那我们就想办法： 将博客源码编译； 将编译结果保存到另一个分支； 通过 jsDelivr 引用新分支上的这个文件。...checkout、初始化 ruby 环境、安装 Jekyll 并编译博客源码的工作，最后将编译生成的 _site 目录里的内容推送到 built 分支。
继上一轮改造过后，比较拖页面加载速度的主要有三点： 页面首个请求响应时间； 图片资源加载时间； 站内搜索引用的 JSON 资源加载时间。...当然也有，我们从 Jekyll 的 layout 机制来想办法。...Jekyll 的 layout 可以理解为页面模板，它是可以继承的，比如我的博客的所有页面模板有一个共同的祖先模板 _layouts/default.html，模板里可以使用 Liquid 语法对内容进行处理...0x02 站内搜索引用的 JSON 资源加速 我是使用 Simple-Jekyll-Search 这个 JavaScript 库来实现站内搜索的，它的搜索数据是来自一个动态生成的 JSON 文件。...那我们就想办法： 将博客源码编译； 将编译结果保存到另一个分支； 通过 jsDelivr 引用新分支上的这个文件。
Jekyll、Hugo、Hexo 是简单的博客形态的静态站点生产机器。...2、操作比 Jekyll 简单，命令少，易于记忆。 3.支持markdown，Hexo最终生成的是一个静态博客，这就意味着它拥有其他博客系统无法比拟的低负载与高速度的特性。...官网：http://jekyllrb.com 优点： 1、jekyll是一个静态文件生成器，网站不需要数据库，只要把自己的博客放到对应的目录即可。...3、wordpress搭建的博客对seo搜索引擎友好，收录也快，排名靠前。 缺点： 1、对域名空间要求，wp需要自己购买虚拟主机，低配版大概两百多块。...ReadtheDocs ---- Read the Docs是一个在线文档托管服务， 你可以从各种版本控制系统中导入文档，如果你使用webhooks， 那么每次提交代码后可以自动构建并上传至readthedocs
Jekyll 介绍 Jekyll 是一个简单的博客形态的静态站点生产机器。...它有一个模版目录，其中包含原始文本格式的文档，通过一个转换器（如 Markdown）和我们的 Liquid 渲染器转化成一个完整的可发布的静态网站，你可以发布在任何你喜爱的服务器上。...由于系统默认Ruby安装过程中容易出现各种问题，因此建议自定义安装新的Ruby。关于卸载及重装 Ruby 和 Jekyll的详细内容，也可以参考文章iMac搭建Jekyll本地环境。...我选择直接从Github下载我的博客相关的内容（对应地址为：https://github.com/bihe0832/bihe0832.github.io） 对于基于Jekyll的静态站点的目录结构，可以参考官网提供的..._site ），命令行中-e 后面的环境ID就是首页生成的环境ID，一般腾讯云会在我们的自定义名称后面加一个后缀。
有时候我们希望找到一个提交历史，然后从这个提交历史中创建一个分支。很多人应该都会使用命令行工具来做，其实 IDEA 已经帮你做了。IDEA首先在 IDEA 中找到 Git，然后找到你的提交历史。...你就可以从当前的提交历史中来创建一个新的分支了。Source Tree使用 SourceTree 也是一样的。通过在提交历史中单击右键，然后选择分支，你就可在当前指定的提交历史中来创建一个新的分支了。
前端的开发人员应该都知道sublime的神器，今天就说说如何使用sublime结合markdown快速写博客。...添加Snippets 在使用jekyll写博客的时候开篇都需要去写一个头部,内容如下： layout: post title:xxxxx date:xxxxxxx author:xxxx...对于这个固定格式我们可以定义一个Snippets，具体的步骤如下： 在sublime中的** Tools–>Developer–>New Snippets.. ** 索引占位,${1:time},说明此处是tab第一个占位,默认值是time tabTrigger hello...自定义编译系统 当写完一个博客的时候,可以执行jekyll server去在本地查看效果,当文件发生发动的时候，jekyll也会自动重新最新的博客。
Jekyll是一个用Ruby编写的静态站点生成器，支持博客并与Github页面整合。因为Github只负责托管，这种设置使数据分析共享和可视化变得简单。...安装Ruby： rvm install ruby 使用gem下载jekyll和Bundler： gem install jekyll bundler 创建一个新博客 创建一个新博客。...虽然Jekyll已经有了博客框架，还是需要创建一个assets文件夹来存储图像，CSS和JS文件。...本节中的步骤可以从本地计算机或使用Jekyll博客的Linode完成。如果您使用Linode，则可以使用ngrok查看笔记本。...本节介绍如何通过扩展主题SCSS以便对表格进行样式化。 1.在/exampleblog/assets文件夹中创建一个名为main.scss的新文件。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
