如何用github快速搭建个人博客
当当当当~来看下新鲜出炉的Github博客 http://wli12.github.io/

喜欢写markdown,但cnblogs对md文件的渲染简直丑爆了。。。
好奇怎么用github+Jekyll搭博客,看到jekyllbootstrap声称自己是The Quickest Way to Blog on Github Pages就跃跃欲试了。
第一步就踩到坑o(╯□╰)o
~$ gem install Jekyll
/System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/universal-darwin13/rbconfig.rb:212: warning: Insecure world writable dir /usr/local/apache-maven/bin in PATH, mode 040777
ERROR: Could not find a valid gem 'Jekyll' (>= 0), here is why:
Unable to download data from https://rubygems.org/ - SSL_connect SYSCALL returned=5 errno=0 state=SSLv2/v3 read server hello A (https://s3.amazonaws.com/production.s3.rubygems.org/latest_specs.4.8.gz)
试了好多种方法,原来是缺了cacert.pem
~/JekyllInstaller$ wget http://curl.haxx.se/ca/cacert.pem
~/JekyllInstaller$ vi ~/.bash_profile
export SSL_CERT_FILE=~/JekyllInstaller/cacert.pem
~/JekyllInstaller$ source ~/.bash_profile
现在终于work了,yeah
~$ sudo gem install jekyll --source http://rubygems.org
看了看接下来的教程,觉得还是很麻烦,于是参考使用Github Pages建独立博客以及Github Pages极简教程设置SSH Key(名字必须是id_rsa), fork BeiYuu的项目。
接下来的事情就是抄作业了,看看有哪些替换信息需要替换
$ grep -ir "beiyuu" *
从复杂字串到简单字串进行替换
$ grep -r "http://beiyuu.com" * -R | awk -F: '{print $1}' | sort | uniq | xargs sed -ie 's/beiyuu.com/wli12.github.io/g'
在这里更改微博缩略图
grep -r "1855270953" .| awk -F: '{print $1}' | sort | uniq | xargs sed -ie 's/1855270953/1665709880/g'
grep -r "375b89d6" . | awk -F: '{print $1}' | sort | uniq | xargs sed -ie 's/375b89d6/cb2e2bea/g'
每次grep+sed完了都运行下面一组命令
find . -name "*mde" -exec rm -rf {} \;
find . -name "*htmle" -exec rm -rf {} \;
find . -name "*xmle" -exec rm -rf {} \;
find . -name "*jse" -exec rm -rf {} \;
find . -name "*csse" -exec rm -rf {} \;
如果不小心添加了不需要的文件到git,删掉
git rm —-cached -r _site
find . -name .DS_Store -exec git rm --cached {} \;
哈哈,其实还有很多坑。。。
比如说墙内图床只有Weibo能用,比如想改Tab名grep+sed后还要改文件夹名,比如说_site这个文件夹不需要跟着改啦,比如说CNAME宁愿设个非法值也不要随便改个找不到的域名。。。
来来回回折腾css html和md文件,过了一个晚上,我的http://wli12.github.io/就这么来了。
虽然markdown文件支持html,从cnblogs搬了几篇博客过来,搬砖还是略辛苦,不过今后的日子就好过了,撒花~~~
More:
Quick start: Setting up a custom domain
How do I set up a URL redirect for a domain?
设置域名的tips是等等等等等...不要太心急觉得怎么不work呀一定是设错了~
如何用github快速搭建个人博客的更多相关文章
- GitHub快速搭建个人博客
> 正所谓前人栽树,后人乘凉.> > 感谢[Huxpro](https://github.com/huxpro)提供的博客模板> > [我的的博客](https://fl ...
- 利用GitHub Pages + jekyll快速搭建个人博客
前言 想搭建自己博客很久了(虽然搭了也不见得能产出多频繁). 最初萌生想写自己博客的想法,想象中,是自己一行一行码出来的成品,对众多快速构建+模板式搭建不屑一顾,也是那段时间给闲的,从前后端选型.数据 ...
- 使用github + Octopress 搭建免费博客 + 碰到问题的解决方法
使用github + Octopress 搭建免费博客,先说碰到的问题,具体创建方法见下面. 问题1, 添加ruby淘宝链接问题,显示无法获取, 解决: source “http://ruby.tao ...
- 基于 Hexo + GitHub Pages 搭建个人博客(一)
前言:我的博客写作之路 15 年刚上大学,第一次接触公众号,就萌生了创建一个公众号写点东西,但最终不了了之. 很快到了 16 年,开始接触网上各大博客网站,接触最多的当属 CSDN,萌生了注册一个博客 ...
- 基于 Hexo + GitHub Pages 搭建个人博客(三)
一.添加扫描二维码关注功能 打开 themes 目录下的 next 主题配置文件,找到 Wechat Subscriber 标签,将该标签下的配置改成如下形式: # Wechat Subscriber ...
- 使用Hexo + GitHub Pages 搭建个人博客
一.前言 之前是在CSDN上写博客的,但是无奈其广告满天飞,还有因为个人不太喜欢CSDN博客里的一些东西,加上看到很多技术大牛都有自己的个人博客,于是乎!便想着搭建一个自己的个人博客.其实之前写博客还 ...
- HEXO与Github.io搭建个人博客
HEXO与Github.io搭建个人博客 HEXO搭建 HEXO是基于Node.JS的一款简单快速的博客框架,能够支持多线程,支持markdown,可以将生成的静态网页发布到github.io以 ...
- 2019基于Hexo快速搭建个人博客,打造一个炫酷博客(1)-奥怪的小栈
本文转载于:奥怪的小栈 这篇文章告诉你如何在2019快速上手搭建一个像我一样的博客:基于HEXO+Github搭建.并完成SEO优化,打造一个炫酷博客. 本站基于HEXO+Github搭建.所以你需要 ...
- Linux下使用 github+hexo 搭建个人博客07-next主题接入搜索和站点管理
这是搭建个人博客系统系列文章的最后一篇,如果你是从第一篇一路跟下来的,那么恭喜你,即将完成整个博客网站的搭建.OK,话不多说,开始我们的收官之战. 不知你想过没有,如果我们的文章少,一眼看完整个目录, ...
随机推荐
- php_html转译符号
1.双引号 /" 或者 " 2.单引号 ' > 4. & &
- php翻页
<?php$conn = mysql_connect("localhost","root","") or die("连接数据 ...
- C#获取实体类属性名称
方法: public static string GetPropertyName(Expression<Func<SupplierInfos, string>> expr) { ...
- MicroERP开发技术分享:技术选型
为什么要想起开发一个近似一套完整的ERP软件呢,原因有二:一是想在空闲时间把以前的进销存软件丰富一下,结果越搞越大了:二是这些年光搞C#了,不想把VB6忘光了 非微软的东西还真没时间去学,也有主要原因 ...
- 使用GridVIew显示Gantt(甘特图),动态增减列
说明:本例是做了工厂的排机报表 一.根据查询日期初始化GridView列 private void IniGridView(DateTime p_DateS,DateTime p_DateE) { / ...
- RN中的onChangeText
在RN学习中,按照一本书中案例书写TextInput框, 书中给了两种写法 写法1: <TextInput style={styles.pswInputStyle} placeholder='请 ...
- JS实现登陆验证的主要代码及思路
window.onload = function(){ // 获取input标签 var alInput = document.getElementsByTagName("input&quo ...
- Visual Studio 下C#编译器在解析属性名时如果增加一个get_[您的另一个已经包含在类中属性名]的属性会报错,微软大哥这是什么鬼?
假设在在我们的vs环境新建一个类 copy以下代码,表面看好像一切都没有问题. using System; using System.Collections.Generic; using System ...
- 网易云课堂JS笔记
JS能做什么?? ----网易官网:选项卡----京东: Hbuilder编辑器介绍 JavaScript简介 ECMAScript:javaScript组成语法和基本对象 DOM:文档对象模型,描述 ...
- Unreal Engine Plugin management
Be aware to remove any dependencies to any modules related to Editor, or else it will end up with fa ...