linux系统进不去jekyll首页

linux系统进不去jekyll首页,第1张

一般在home目录下,输入如下命令

jekyll new myblog #myblog是你自己起的名字cd myblog #进入你的博客目录jekyll serve#自动构建并运行jekyll服务123

这时候在地址栏输入http:127.0.0.1:4000就可以查看自己辛辛苦苦搭建的博客了。以后陆续介绍jekyll的主题。

尽量不要使用以下命令然后在局域网查看网站,各种链接都会出错的。

jekyll serve -w --host=0.0.0.0

Linux系统下有很多实用工具可以让你在终端界面查看文本文件。其中一个就是 more。

more 跟我之前另一篇文章里写到的工具 —— less 很相似。它们之间的主要不同点在于 more 只允许你向前查看文件。

尽管它能提供的功能看起来很有限,不过它依旧有很多有用的特性值得你去了解。下面让我们来快速浏览一下 more 可以做什么,以及如何使用它吧。

基础使用

假设你现在想在终端查看一个文本文件。只需打开一个终端,进入对应的目录,然后输入以下命令:

$ more ltfilenamegt

例如,

$ more jekyll-article.md

如何使用Linux 命令more 查看文本文件如何使用Linux 命令more 查看文本文件

使用空格键可以向下翻页,输入 q 可以退出。

如果你想在这个文件中搜索一些文本,输入 / 字符并在其后加上你想要查找的文字。例如你要查看的字段是 “terminal”,只需输入:

/terminal

如何使用Linux 命令more 查看文本文件如何使用Linux 命令more 查看文本文件

搜索的内容是区分大小写的,所以输入 /terminal 跟 /Terminal 会出现不同的结果。

和其他实用工具组合使用

你可以通过管道将其他命令行工具得到的文本传输到 more。你问为什么这样做?因为有时这些工具获取的文本会超过终端一页可以显示的限度。

想要做到这个,先输入你想要使用的完整命令,后面跟上管道符(|),管道符后跟 more。假设现在有一个有很多文件的目录。你就可以组合 more 跟 ls 命令完整查看这个目录当中的内容。

$ ls | more

如何使用Linux 命令more 查看文本文件如何使用Linux 命令more 查看文本文件

你可以组合 more 和 grep 命令,从而实现在多个文件中找到指定的文本。下面是我在多篇文章的源文件中查找 “productivity” 的例子。

$ grep ‘productivity’ core.md Dict.md lctt2014.md lctt2016.md lctt2018.md README.md | more

如何使用Linux 命令more 查看文本文件如何使用 Linux命令 ,more 查看文本文件

另外一个可以和 more 组合的实用工具是 ps(列出你系统上正在运行的进程)。当你的系统上运行了很多的进程,你现在想要查看他们的时候,这个组合将会派上用场。例如你想找到一个你需要杀死的进程,只需输入下面的命令:

$ ps -u scott | more

注意用你的用户名替换掉 “scott”。

如何使用Linux 命令more 查看文本文件如何使用Linux 命令more 查看文本文件

就像我文章开篇提到的, more 很容易使用。尽管不如它的双胞胎兄弟 less 那般灵活,但是仍然值得了解一下。

在github pages网站下用jekyll制作博客教程

在我动手用jekyll部署我的博客之前,一直使用godaddy上面的wordpress主页来部署我的博客kresnik.co。WordPress当然有很多的优点,在我看来我用WordPress主要是为了

方便清晰的文件结构

可以随意选用的各种模板和插件

相对便宜的部署价格

因为这些优点,所以我想我还会在WordPress官网上继续保留我的免费博客。

既然这样,看官想必想问为什么要换成jekyll来重新部署博客?我简单的总结了一下:

流行又简洁的MarkDown写作语法

轻量级的网站结构,不再有动态网站的沉重

方便的和github pages结合,不仅免费,而且方便

所以对比与WordPress的沉重,jekyll让你回归到创作本身,当然如果你喜欢折腾,jekyll也绝对不会让你失望。推荐下面几个站点亮一下。

rusty shutter

Rasmus Andersson

安装流程

要用github pages,首先要在github中建立一个基于你的用户名的repository: 比如说我,就要建立名为kresnikwang.github.io的repo。在以前的github版本中还需要在后台开启pages的功能,现在系统检测到这样的repo名称之后,会在setting中自动开启GitHub Pages的功能,如下图: 这样之后你就可以把这个repo克隆到本地随意进行修改了,在这个里面上传的网页就是你的网站的内容了,可以上传一个index.html试一试,这就是你的网站主页了。 关于GiuHub的使用,可以看几个比较好的入门教程:GitHub

之后我们就要在本地部署jekyll,jekyll的原理很简单。这是一个已经合成好的静态html网站结构,你用这个结构在username,http://github.io文件夹里面粘帖好所有文件。再把更新完的本地repo推送到GitHub的master branch里面,你的网站就更新建设完毕了。 首先你需要ruby来使用本地jekyll。Mac和Linux可以用Terminal配合yum或者brew这样的包管理器很方便的安装ruby。Windows下更是方便,可以直接中集成好的Ruby installer来进行安装,文章里的就是传送门。

安装完ruby,之后就是要安装RubyGems,gem是一个ruby的包管理系统,可以用gem很方便的在本地安装ruby应用。

安装方法

//在RubyGems官网上下载压缩包,解压到你的本地任意位置

//在Terminal中

cd yourpath to RubyGems //你解压的位置

ruby setup.rb

有了gem之后安装jekyll就很容易了,其实用过nodejs和npm的同学应该很熟悉这样的包安装,真是这个世界手残脑残们的救星。。。。。(楼主不自觉的摸了摸自己快残了的手) 安装jekyll,有了gem,直接在Terminal里面输入以下代码:

$ gem install jekyll

好了,现在你的电脑已经准备完毕了。如果你是想自己捣鼓,可以根据这样的目录结构在你的http://username.github.io文件夹下建立以下目录结构:

├── _config.yml

├── _drafts

| ├── begin-with-the-crazy-ideas.textile

| └── on-simplicity-in-technology.markdown

├── _includes

| ├── footer.html

| └── header.html

├── _layouts

| ├── default.html

| └── post.html

├── _posts

| ├── 2007-10-29-why-every-programmer-should-play-nethack.textile

| └── 2009-04-26-barcamp-boston-4-roundup.textile

├── _site

└── index.html

你可以一个个依次建立起来,然后在自己编写一个你想要的博客。

如果你只是个普通用户,只是想要一个模板然后开始写自己的博客。那就很容易了,有几个可以简单开始的模板。

poole/poole · GitHub极简风格的模板

Jekyll Themes jekyll的模板网站,可以找到各式各样你喜欢的模板。

下载完了模板,可以吧里面的内容解压到你自己的网站目录底下。这时候你可以测试一下:

$ cd you website path //cd到你的网站目录下

$ jekyll serve

//一个开发服务器将会运行在 http://localhost:4000/

//你就能在本地服务器看到你用模板搭建的网站了

这时候可以看一下jekyll的设置,让你把模板变成你自己个性化的内容。在网站根目录下面找到_config.yml,这里会有几个比较关键的设置: 里面的permalink 就是你博客文章的目录结构,可以用pretty来简单的设置成日期+文章标题.html,也可以用自己喜欢的结构来设置。 记得把encoding 设置成utf-8,这样有利于中英文双语的写作和阅读。

到这里你就可以开始写博客了,所有的文章直接放在_posts文件夹下面,格式就是我们之前提到的markdown文件,默认的格式是.md和.markdown文件。每篇文章的开始处需要使用yml格式来写明这篇文章的简单介绍,格式如下:

---

author: kresnikwang

comments: true

date: 2015-04-28 17:42:32+00:00

layout: post

title: PHP, Angular JS Development|My Export Quote|农产品出口工具开发

categories:

- Works

- Tech

tags:

- bootstrap

- javascript

- php

- AngularJS

---

layout就是post,让jekyll知道你这是一篇post,很直观。需要注意的是里面的date,必须按照yml的语法来写,否则就会出现编译错误。可以只用YYYY-MM-DD来显示日期,也可以像我一样在后面加上 HH:MM:SS+00:00 来表示更具体的时间。

到此为止可以开始尽情的写博客了,用GitHub软件同步到你的repository里面,网站上面就可以进行正常的显示了。如果说要添加一下有用的extra功能的话,评论和相关文章这两个功能比较多人会关注。 评论我们可以用Disqus国内应该也有类似的网站,到Disqus注册一个账号,选择添加评论区域到自己的网页,你将会的得到类似的代码:

<!-- Add Disqus comments. -->

<div id="disqus_thread"></div>

<script type="text/javascript">

/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */

var disqus_shortname = '<USERNAME>'// required: replace example with your forum shortname

var disqus_identifier = "/works/tech/2016/06/07/%E5%9C%A8github%20pages%E7%BD%91%E7%AB%99%E4%B8%8B%E7%94%A8jekyll%E5%88%B6%E4%BD%9C%E5%8D%9A%E5%AE%A2%E6%95%99%E7%A8%8B.html"

/* * * DON'T EDIT BELOW THIS LINE * * */

(function() {

var dsq = document.createElement('script')dsq.type = 'text/javascript'dsq.async = true

dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'

(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq)

})()

</script>

<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>

<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>

根据不同的模板,把代码添加到_post/post.html或者_include/post.html里你的文章底下,那当这篇文章被访问时,下方就会有评论区了

相关文章的功能也比较好做,jekyll本来就集成了site.related_posts的功能,自动会寻找相关内容的文章,在你的post代码下面融入以下代码:

<aside class="related">

<h2>Related Posts</h2>

<ul class="related-posts">

<li>

<h3>

<a href="http://kresnikwang.github.io///journey/2015/06/05/kresnik.co-%E5%8D%9A%E5%AE%A2%E6%90%AC%E5%AE%B6%E5%91%8A%E7%A4%BA.html">

kresnik.co博客搬家告示

<small><time datetime="2015-06-05T00:00:00+00:00">05 Jun 2015</time></small>

</a>

</h3>

</li>

<li>

<h3>

<a href="http://kresnikwang.github.io///tech/2015/06/02/javascript-include-html-page-by-jquery.html">

Javascript Include Html Page By Jquery

<small><time datetime="2015-06-02T18:45:42+00:00">02 Jun 2015</time></small>

</a>

</h3>

</li>

<li>

<h3>

<a href="http://kresnikwang.github.io///tech/2015/05/31/Github-use-http-instead-of-git.html">

Github设置,强制使用"https://" 来代替 "git://"

<small><time datetime="2015-05-31T05:03:36+00:00">31 May 2015</time></small>

</a>

</h3>

</li>

</ul>

</aside>

你每篇文章下面就会有三个相关文章的链接了。

这篇教程就到这里,有机会我想再写写liquid语法制作jekyll模板的内容和从wordpress导入文章到jekyll来的方法。喜欢能有些用处,感谢。

附上出处链接:https://www.zhihu.com/question/23934523


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/7093676.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存