加入收藏 | 设为首页 | 会员中心 | 我要投稿 云计算网_泰州站长网 (http://www.0523zz.com/)- 视觉智能、AI应用、CDN、行业物联网、智能数字人!
当前位置: 首页 > 综合聚焦 > 创业热点 > 经验 > 正文

如何使用10个小时搭建出个人域名而又Geek的独立博客?

发布时间:2016-01-12 15:26:36 所属栏目:经验 来源:简书网
导读:我在这里写下长篇大论,只希望小白们能跟快速入门。坚持10个小时 坚持10个小时 坚持10个小时(重要的事情说三遍!!!)搭建出属于自己的个人独立博客,我将会通过 安装流程主线

个人域名 独立博客 Geek

摘要:我在这里写下长篇大论,只希望小白们能跟快速入门。坚持10个小时 坚持10个小时 坚持10个小时(重要的事情说三遍!!!)搭建出属于自己的个人独立博客,我将会通过 安装流程主线+优质文章 作为参考。由于我本人是一名学生(非计算机专业),喜欢尝试和不愿意人与亦云想要不一样的人生打小喜欢折腾便开始了搭建自己独立博客的道路,这路上可谓是路途凶险和艰难费了我九牛二虎之力解决,还是不够完美,但我希望他完美,希望他可以记录我的时光。作为一名技术小白,没有技术基础。看到网上教程更是玲琅满目直至眼花缭乱无从下手,讲真,我从开始接触到成功搭建花费了不低于100小时,走了很多弯路和误区, 希望通过本教程可以真心小白一个敢于尝试的机会。我会将这篇教程写仔细,会将我出现过的问题给予解决方法。(同时这也是我第二次,就在前几分钟,电脑过热,系统崩了,快写完的教程没有按Ctrl+S的情况不翼而飞了。我现在的内心是崩溃的)但是我知道坚持一会,就可以完成了。

个人域名 独立博客 Geek

前言

天生倔强不愿屈服的我,总受想做出一番成绩来,不愿意随波逐流。我为什么要在这个博客已经不盛行的时代去搭建属于自己的博客?可以看看我之前写的《重新认识自己》和《我为什么那么懒?》。不去折腾怎么能知道自己不行?未知的东西太多,需要我们去学习和掌握的数不尽数,唯有时刻保持这一份对新事物的好奇心并真心有心去坚持下去。

疑问

先给大家预览下我的博客目前最终版视己慎独,很多人用 wordpress,你为什么要用 github pages 来搭建?为什么要搭建一个独立博客?独立博客与微信公众平台有什么区别?

1、 无需购置服务器,目前的blog挂载在Github Pages,免服务器费的同时还能做负载均衡;github pages有300M免费空间,资料自己管理,保存可靠;学着用 github,享受 github 的便利,上面有很多大牛,眼界会开阔很多;github 是趋势,像eleme这种互联网大公司都在github上完成自己的项目;顺便看看 github 工作原理,最好的团队协作流程;你不觉得一个文科生用 github 很 geek 吗?瞬间跻身技术界。

2、独立的才是自己的。在知乎上有这样一个话题《GitHub 能作为衡量程序员能力的指标吗?》,在我看来独立博客是喜欢尝试新事物的人新一片天空,他们可以在这片天空中翱翔,他可以不太受拘束爱上些自由,他的内心因他的不羁和外表不屈,愿意潜心研究深钻其爱好,同时在这里他可以结实一大批有着共同的爱好的追梦人。对于小白,请保持记得那份好奇心,坚持尝试下去,继续折腾。

3、公众账号是对所有人开放的,简单申请即可使用,无需太多的挑战。他仅仅只是一个平台(对一般人来说)同时好好做运营也似乎不是一件简单的事情,没有足够的经历和精力是很难达到一个高度,也很难去传播你的文化价值观念。博客也只是一个平台,但是这里有你想要的,也是你的用武之地。公众账号是一个一对多的平台很难利于交流尽管现在越来越人性化,这点你的博客很轻松就可以做到。更多的区别在此不多分析。

成功方向

1、安装准备软件 Node.js、Git、GitHub DeskTop(前两个必须安装,后者可选)

2、本地搭建hexo框架、配置主题、修改参数、实现本地测试预览

3、链接GitHub、实现在线预览

4、购买域名并解析 (这里告诉大家一个方法,1元购买一个使用期限为一年.cn的域名 仅高校学生可以 )

5、日后站点的管理和运营

纸上得来终觉浅,要知此事须举行。世上无难事,就怕是懒人。以下以我的博客:blog.shijinrong.cn(shijinrong.cn是我一下行动)在windows下为例,教大家如何搭建一个独立博客。

安装流程

安装准备软件

Node.js

Git

GitHub Desktop (可选)

以上几个软件均是英文版本,请小白不要害怕,敢于面对。安装简单,在此不做详细介绍。

本地搭建hexo框架、配置主题

个人域名 独立博客 Geek

目录

I.Hexo简介

II.Hexo安装方法

III.Hexo配置方法

IV.Hexo主题修改

V.Hexo部署方法

I.Hexo简介

Hexo 是一个轻量的静态博客框架。通过Hexo可以快速生成一个静态博客框架,仅需要几条命令就可以完成,相当方便。

而架设Hexo的环境更简单了 不需要 lnmp/lamp/XAMPP 这些繁琐复杂的环境 仅仅需要一个简单的http服务器即可使用 或者使用互联网上免费的页面托管服务

比如本人的这个博客 就是托管于 GitHub Pages服务上

II.Hexo安装方法

参考官网中文文档,请尝试者仔细读教程和官方文档。这步很简单,正如官方网站写的那样只需要一条命令即可自动安装hexo框架。

$ npm install -g hexo-cli #使用 npm 安装 Hexo。

初始化hexo

请参考hexo官方文档,init命令中的就是文件夹aierui.github.io。初始化后,aierui.github.io里面就已经有完整的Hexo框架了,这里可以在任意地方新建立一个文件夹并命名为aierui.github.io【不要问为什么】打开该文件,点击鼠标右键你会看到一个Git bash here点击跳出git的黑窗口,输入命令$ npm install,完成后,指定文件夹的目录如下:

个人域名 独立博客 Geek

III.Hexo配置方法

熟悉hexo

为了让读者快速了解Hexo,我作几个简单介绍吧。当然,更多的还是需要仔细阅读文档才能了解更详细。

_config.yml 全局配置文件。要注意的是,该文件格式要求极为严格,缺少一个空格都会导致运行错误。小提示:不要用Tab缩进,两个空格符, 冒号:后面只用一个空格即可 。

themes 存放主题的文件夹

source 博客资源文件夹

source/_drafts 草稿文件夹

source/_posts 文章文件夹

themes/landscape 默认皮肤文件夹

……

官方文档中教详细。

配置hexo

做一些基础配置即可,请参考配置官方文档,这里也可以省略,因为在后面配置主题NExt是也有提到这里的配置修改。

IV.Hexo主题修改

Hexo主题非常多,可以参考丰富多彩的Hexo主题,本文选Next为主题,样式参考我的博客视己慎独。

(编辑:云计算网_泰州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读