搭建个人博客 方式2 使用jekyll

孙广东  2016.3.12

环境安装:
1、通过 RailsInstaller  来安装 Ruby https://www.ruby-lang.org/zh_cn/documentation/installation/#rubyinstaller

2、下载 RubyGems (不要用IE 浏览器, 下载不了)https://rubygems.org/pages/download
安装是: ruby setup.rb    // 这种命令  路径肯定是在 setup.rb 所在目录在cmd
 更新是: gem update --system

3、在安装 gem install jekyll 会有报错!
error while executing gem (Gem::RomoteFetcher::FetchError)  。。。
解决 http://www.cnblogs.com/AloneSword/p/5048447.html  是代理的问题, 由于使用了什么FQ软件(禁止不使用即可了呗!。Shadowsocks 不要使用全局模式即可)

创建项目:

gem install jekyll       // 安装
jekyll new myblog    // 在当前路径下新建一个 新的项目myblog   
cd myblog          // 进入这个目录
jekyll serve        // 启动本地server

然后 浏览器 訪问: http://localhost:4000 即可看到刚刚 创建的
假设你希望把 jekyll 安装到当前目录。你能够执行 jekyll new . 来取代。

4、  然后就是各种 配置了!

首先关心的是  与 Github  关联起来。 部署  集成

操作方式是这种。 我们 先把  "username.github.io"  这个刚刚创建的仓库项目 clone (使用github的专属client会更好一些)到本地 (我们主要使用当中的 .git 目录)

我们最早 创建的 jekyll 项目是: myblog

我们把这个文件价更名为:myblog    =》 "username.github.io"    ,同一时候把刚刚的 .git 目录 复制到 这里。

然后我们使用 github client 打开这个  "username.github.io"  仓库。  这样就能够执行

Commit 操作 和 pull push 操作了。

我们打开 网址试一试。

5、定制域名

http://wellsnake.com/jekyll/update/2014/05/15/Jekyll%E9%83%A8%E7%BD%B2%E7%AF%87/  有非常多能够了解一下。

http://wellsnake.com/jekyll/update/2014/05/24/Jekyll%E4%BD%BF%E7%94%A8%E7%AF%871/

首先 去万维网 买一个 域名 。

6、然后就是各种美化呀。 定制啊

模版:http://www.zhihu.com/question/20223939

http://jekyllthemes.org/page3/

http://jekyllthemes.org/themes/freshman21/

https://github.com/Huxpro/huxpro.github.io

须要 更改的文件: _config.yml 、about.html

要发表的文章一般以markdown的格式放在这里_posts/,你仅仅要看看这篇模板里的文章你就立马明确该怎样设置。

yaml 头文件长这样:

---
layout:     post
title:      "Hello2015"
subtitle:   "Hello World, HelloBlog"
date:       2015-01-2912:00:00
author:    "Hux"
header-img: "img/post-bg-2015.jpg"
tags:
    - Life
---

??

时间: 2024-10-12 08:02:50

搭建个人博客 方式2 使用jekyll的相关文章

搭建个人博客 方式1 使用Hexo

孙广东  2016.3.11 只说 静态博客 (不用自己弄服务器和数据库) 那服务器在哪?   Github 了! 这种方式 相对比较 简单不复杂. 对于环境只需要 Node.js  就行 这个 安装 百度就行了. 进入 CMD (Win + r   然后输入 cmd 回车就行了 ) npm install hexo-cli -g               // 安装 hexohexo init blog                            // 新建一个hexo 项目 ,默

Jekyll搭建个人博客

网上也有HEXO 搭建的博客,有人说使用 HEXO 在多台电脑上发布博客,操作起来并不是那么方便,所以使用Jekyll 来搭建. Jekyll配置 1,安装ruby环境 Windows系统使用RubyInstallers安装很方便,下载地址 https://rubyinstaller.org/downloads/ 双击安装,完成后,cmd 输入ruby -v查看是否安装成功. 2,包管理器 RubyGems 因为已经ruby集成RubyGems,cmd输入 安装jekyll前先按照依赖包bund

Windows环境下Jekyll+Github搭建个人博客

萌新来讲讲如何使用 Jekyll 搭建个人博客,从安装到配置!炒鸡详细!.原文地址https://zhangmingemma.github.... 介绍 jekyll是一个静态站点生成器,会根据网页源码生成静态文件. 简单.无需数据库,评论功能,不需要不断更新版本,只用关注你的博客内容 静态.只用Markdown(或者Textile).Liquid.HTML&CSS就可以构建可部署的静态网站 博客形态.自定义地址.分类页面.分类博客内容以及自定义的布局设计 使用GitHub Pages可以运行j

使用hexo+GitHub搭建个人博客的心得(含教程)

Author Email Yaoyao Liu [email protected] 前言 对于广大CS专业的学生和码农,找一个地方写博客,记录一些编程.配置环境.阅读论文的心得体会是一个很常见的习惯.当然想搭建个人博客,就需要找个靠谱的平台,主要就是以下的两种方式: 使用网站提供的博客平台,例如国内的CSDN.博客园:国外的Blogger.Wordpress 自己建站,发布到自己的服务器上,或者发布到GitHub.GitLab.Bitbucket等支持静态网页发布的git平台 针对于第一种方式,

windows上使用mkdocs搭建静态博客

windows上使用mkdocs搭建静态博客 之前尝试过用HEXO搭建静态博客,最近发现有个叫mkdocs的开源项目也是搭建静态博客的好选择,而且它支持markdown格式,下面简要介绍一下mkdocs的环境搭建过程 项目地址:https://github.com/mkdocs/mkdocs 介绍:英文版----http://www.mkdocs.org/ 中文版----http://markdown-docs-zh.readthedocs.io/zh_CN/latest/ 使用环境:win8.

Hexo+Github/Coding免费搭建个人博客网站

体验更优排版请移步原文:http://vblog.win/blogs/other/hexo-github-build-blog.html 很早之前就想搭建一个属于自己的博客网站,一方面是给自己做笔记,把平时遇到的问题和解决问题的方式方法记录下来,顺便提升自己的表达能力.总结能力:另一方面,个人博客就像是自己在网络世界中的一个小家,一个完全属于自己的空间,你可以在这里尽情发挥,别人可以通过它来了解你.前段时间偶然间发现了Hexo,看了两天官方文档,参考网上教程,搭建了自己的个人网站:http://

《Hexo+github搭建个人博客》

<Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+github搭建个人博客>1 思维导图总览:2 What?2 简介:2 Hexo:2 NodeJs2 Github4 Git5 Github page:5 Markdown6 How?7 环境配置:7 安装Git8 安装Node.js9 安装hexo13 第一步:打开cmd.13 第二步:进入NodeJS

Github Pages 搭建个人博客

1.Github简介 Github很好的将代码和社区联系在了一起,于是发生了很多有趣的事情,世界也因为他美好了一点点.Github作为现在最流行的代码仓库,已经得到很多大公司和项目的青睐,比如jQuery.Twitter等.为使项目更方便的被人理解,介绍页面少不了,甚至会需要完整的文档站,Github替你想到了这一点,他提供了Github Pages的服务,不仅可以方便的为项目建立介绍站点,也可以用来建立个人博客. Github Pages有以下几个优点: 轻量级的博客系统,没有麻烦的配置 使用

基于Hexo+Node.js+github+coding搭建个人博客——基础篇

附上个人教程:http://www.ookamiantd.top/2017/build-blog-hexo-base/ 搭建此博客的动机以及好处在此就不多谈了,之前已经表达过,详情请看Start My Blog Trip - Power By Hexo 记录一下搭建的基本过程以及遇到的一些问题,仅供参考 = =废话不多说,进入主题 Hexo博客搭建的基础大致流程为: 安装Node.js →安装Git → 安装Hexo → 安装主题 → 本地测试运行 → 注册给github与coding并创建pa