使用Jekyll在Github上搭建博客

最近在玩github,突然发现很多说明网站或者一些介绍页面全部在一个域名是*****.github.io上。

好奇!!!真的好奇!!!怎么弄的?我也要一个~~~

于是去网站上查询了一下,找到了https://pages.github.com/官方网站。

只可以写html静态页面。在最下方找到了一个github推荐的Jekyll

jekyll原网站是英文的,这里有个翻译的网站:http://jekyll.bootcss.com/。不过貌似有些日子没更新了,还是推荐看回官网。

于是,通过jekyll,开启了github的网站搭建之路。

1. 打开terminal,任意路径执行: gem install jekyll

抛出异常:

ERROR: While executing gem ... (Gem::FilePermissionError) You don‘t have write permissions for the /Library/Ruby/Gems/2.0.0 directory.

解决方法:

sudo gem install jekyll

2. 在github上创建项目username.github.io

3. 拉取项目到本地

4. 在terminal中,任意路径执行: jekyll new username.github.io

5. 将生成的文件复制到刚刚拉取的github项目目录下。

6. 同步代码,上传~ 访问username.github.io,即可看到下图,博客搭建完成。

7. 本地运行,切换到项目目录下,执行:jekyll serve

8. 在浏览器中执行:http://127.0.0.1:4000/,即可看到和username.github.io相同的页面内容。

9. 想要停止服务,在terminal中关闭其进程即可。届时terminal中会显示 “ [1]+  Stopped  jekyll serve ”

10. 再次启动时很可能会出现如下错误:

[2016-04-22 22:51:20] WARN TCPServer Error: Address already in use - bind(2) jekyll 3.1.3 | Error: Address already in use - bind(2)

产生原因:

  关闭时使用了错误的命令,不是command+c,而是control+c。

解决方法:

  a. 使用命令:ps aux | grep jekyll 查找到进程号

  b. 使用命令:kill -9 28185 杀死进程(其中28185是进程号)

11. 打开 _config.yml 文件,即可修改文件展示的很多内容。如下图:

12. 再次浏览网页,这是就会发现网页内容被改变了。咦?中文呢?说好的颜色不一样的烟火呢?如下图:

解决方法:非常简单···换一个ide就可以了···这个是个编码问题···

之前使用vs code,好吧,编码有问题,换成了atom,问题解决···

话说,这样我可以给vs code提bug么?···

下面附上我的github page连接地址:http://lunagao.github.io/

时间: 2024-10-12 02:30:30

使用Jekyll在Github上搭建博客的相关文章

使用Octopress和Github Pages搭建博客的高级技巧

如何果还不知道如何使用Octopress和Github Pages搭建的同学可以参考码农的救赎:使用Github Pages搭建博客 提升速度 按照教程搭建好的博客,访问起来总是很慢很慢,即使把什么Google Plus和Google Analyze之类的都关闭掉后,仍然很慢.原因就是在HTML中的某些资源,比如脚本或者字体什么的是使用 点击阅读全文

github+hexo搭建博客

引言 之前用阿里云弹性web托管采用wordpress搭建的个人博客,经过我使用一段时间之后发现存在很多问题: 网站的响应速度非常慢,估计打开主页需要3-4s的时间,我经过搜索发现很多人都有这样的问题,所以应该不是wordpress的锅,而是阿里云弹性web托管的问题,毕竟我买的时候一年只要几百块,而且还是最便宜的经济版(内存128M+2G网页空间+4G流量+1G数据库).其实我后来才知道弹性web托管是一个啥玩意 ,和虚拟机差不多,性能非常有限.可惜我当时不知道啊,否则应该买云虚拟主机独享版的

Github + Hexo 搭建博客

服务加速 brew 加速 http://blog.suconghou.cn/post/homebrew-speedup/ github加速 http://www.selfrebuild.net/2016/11/01/github-fast-host/ 零基础搭建博客 brew 安装指定版本的 nodejs http://blog.csdn.net/jonahzheng/article/details/51967438 hexo 命令创建博客 http://blog.csdn.net/jzooo/

在github上写博客

在github上混了几个月,收获颇多.作为一个开源的坚定信仰者,深深觉得每一个码农都应该参与到开源社区中,github提供了一个平台,让你为开源项目提交代码变得异常简单和直接.以前由于工作异常繁忙和繁杂,虽然看了很多开源的代码,从中受益颇多,却为之贡献很少,现在醒悟,几分后悔,但愿以后这种情况能够反转.说实话,我从心里异常反感和厌恶那种拿开源代码修改修改,然后换个名称,然后到处吹牛逼的做法... 说得有点偏了,回到github.github还为码农提供了一个博客系统,叫做github pages

在 GitHub 上部署博客

目录 环境安装 创建静态博客 Github 设置 创建仓库 配置 SSH key 发布博客 配置 部署 新建博客 Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. 环境安装 安装 node.js 安装 Hexo npm install -g hexo 创建静态博客 mkdir your_blog cd your_blog hexo init hexo s Github 设置 创建仓库 在github

打算以后再Github上写博客,欢迎访问!

http://vonzhou.github.io/

使用hexo、github Pages搭建博客

1. 安装node 如果本机已经有node,为避免安装出现问题,建议先升级到最新版.参考:https://juejin.im/post/5b9739d1e51d450e9f66ee3b 2. 安装hexo 参考:https://segmentfault.com/a/1190000017986794 里面有图床.主题.评论配置. 3. 主题配置 主题使用next的Pisces,具体可Google. 其中,原生的这个主题两边留白太多,现在很多都是宽屏,包括本人很喜欢宽屏展示.可以参考:调节next主

github搭建博客

下载 下载git的官网地址 我下载的最新版是:Git-1.9.5-preview20150319.exe 不区分windows的版本,我的电脑是xp,也可以安装,全部用默认值即可. 打开 在 开始-所有程序 里打开Git Bash. 注意,用cmd运行git命令会报错: 'git' 不是内部或外部命令,也不是可运行的程序或批处理文件. 解决办法:Windows下配置Git 命令 git init 运行后所在目录会多了一个隐藏文件夹.git. git checkout --orphan gh-pa

在Github上搭建自己的博客(Windows平台)

折腾了好久,终于在Github上搭建了自己的博客.这里面总结一下过程希望对大家能有所帮助. Github建博优缺点 和 csdn,新浪,网易相比,在Github上可以自己实现功能 和阿里云,VPS相比,github托管的代码是免费的 github上只能托管静态网页,后台有数据库的这种动态网站不能托管 你有一个Github的账号 懂一些基本的Web开发相关的知识 Ruby运行时,可以在Windows或者linux环境下进行安装 建站的过程 在github创建网站的代码库,名字必须为username