搭博客

作者: 尹傲雄 | 来源:发表于2016-12-19 11:11 被阅读17次

第一次写文章,自己在github上利用github page这个功能搭建博客的过程也算是一个教程吧。第一次写有什么不对的地方请大家指正啦。

准备工作

首先想要使用github page搭建一个博客你需要一些准备,也就是一些储备知识。你先要了解git的基本用法,这里推荐一些廖雪峰的博客,感觉写的很好很适合入门,我也是从他那里入门的。廖雪峰的git教程然后去github的官网申请一个账号,然后我们就可以同时利用git强大的功能和github提供的服务来写博客了

克隆远程仓库

首先在github上新建一个仓库叫做yourusername.github.io记得吧yourusername替换成你的用户名。为什么要建这样一个仓库呢,因为github默认把这个当作github page。当然你也可以用其他的,其实每个项目都可以有一个静态页面,这里我用的就是默认的了。然后使用`git clone....`这个命令把项目克隆到本地,后面接的是你项目的地址。写博客就是在这个里面了。

搭建本地环境

官方使用的博客工具是jekyll,我用的也是这个。不过正如github上所写的,因为windows不是官方支持的平台所以比较麻烦。官方推荐用的是Chocolatey来安装jekyll,这是一个类似与apt-get这一类的软件包管理器。Chocolatey的安装方法在它的官网上有,十分的简单。chocolatey官网安装记得也管理员的身份运行命令提示符,不然的话会安装失败。然后安装官方的教程配置环境。之后按照官方的文件配置环境就可以了。官方文档这应该是最简单的方法了,也官方推荐的方法,当然你也可以手动安装。当初我因为网络的一些原因安装不了chocolatey,就是手动安装的。

尝试写博客

环境搭建好了就可以写博客了,你可以通过在git bash也可以在命令提示符里输入jekyll new loge

这个命令来生成一个博客文件夹在所在的目录(还是感觉用git bash好一点)。结构大致是这样的:

1. 文件夹_layouts:用于存放模板的文件夹,里面有两个模板,default.html和post.html

2. 文件夹_posts:用于存放博客文章的文件夹,里面有一篇markdown格式的文章--2014-01-27-welcome-to-jekyll.markdown

3. 文件夹css:存放博客所用css的文件夹

4. .gitignore:可以删掉,后面会将项目添加到git项目,所以这个不需要了

5. _coinfig.yml:jekyll的配置文件,里面可以定义相当多的配置参数,具体配置参数可以参照其官网

6. index.html:项目的首页

根据的你的实际需要创建你需要的文件夹。

使用jekyll server -watch这个命令就可以在本地的浏览器查看一下效果了,-watch命令可以让你的修改实时的显示出来。至于具体的过程我也在学习中就不误人子弟了,你可以去jekyll的官网上看教程,也可以看网上别人的教程。中文官网当然在学习了基本的一些方法之后想要有一个漂亮的博客就可以去使用一下别人写好的模版了。然后根据自己的需要去改造了,在这个过程中不断的学习进步。这些模板在github上有很多,官方的网站上也有。主题官网链接

配置自己的个性化博客域名

github的默认博客域名是yourusername.github.io。想要一个个性化的域名的话也很简单。首先你要买一个域名,如果你是高校的学生的话可以去抢一下腾讯云的学生优惠资格,在上学期间每年可以有一个.cn的域名,一个月1元就可以有一个云服务器了。腾讯云有了自己的域名之后先在解析里添加一个cname记录把你的域名向yourusername.github.io这个域名,然后在你的博客的根目录,也就是youusername.github.io这个文件夹里添加一个CANME文件在里面写上你的个性化域名。然后把它提交到远程仓库就可以了了,等解析完成了之后。在地址栏输入你的个性化域名就可以看到自己的博客了。

有兴趣的话可以去我的博客看一下,现在还是很简陋啦,也是直接借用别人的模板没做什么修改,附上链接尹傲雄的博客

相关文章

  • 搭博客

    第一次写文章,自己在github上利用github page这个功能搭建博客的过程也算是一个教程吧。第一次写有什么...

  • 崩溃前完成hexo-GitHub博客搭建

    突然就想搭一个自己的博客 今天就突然的想搭博客了,应该算是比较靠后了.作为一个FED居然没有自己的博客,简直low...

  • 用Octopress搭博客

    今天写一篇技术文章,是的,技术文章,让小清新暂时死一下。 我昨天折腾了一下午的用Octopress搭博客,独立博客...

  • Hexo博客配置

    2020年尝试自己在github搭博客,现在嫌麻烦就回到简书了。搭博客的方法记录下来,并且把去年的文章同步过来。 ...

  • Hexo博客搭建全攻略(六):博文图片处理

    Hexo博客搭建全攻略系列文章: Hexo博客搭建全攻略(一):基于Hexo+Github环境搭建 Hexo博客搭...

  • Hexo个人博客搭建

    title: Hexo个人博客搭建date: 2017-10-12 09:53:24tags: Hexo个人博客搭...

  • 开档了

    博客兜了一圈,前后用过新浪博客、blogbus、ixiezi、在sae和sourceforge上搭过wordpre...

  • 博客软件ghost

    ghost是用node.js写的博客平台,开源软件,准备用ghost搭一个自己的博客

  • 【2020-05-10】个人博客平台技术选型

    最近在搭建博客 就在这里简单做个分享 个人博客平台技术选型 搭博客平台的历程 1、尝试过购买服务器(WordPr...

  • 写博客没头绪?我手把手教你!

    前言 文本已经收录到我的Github个人博客,欢迎大佬们光临寒舍:我的GIthub博客 本篇文章并不涉及到博客的搭...

网友评论

    本文标题:搭博客

    本文链接:https://www.haomeiwen.com/subject/nwjzmttx.html