怎么建立一个自己的博客

怎么建立一个自己的博客

1. 写在开头

其实我自己写的文章也不多,只是看到有些东西会做一下记录,所以部署一个自己的博客来记录这些东西也就会方便很多。而Hexo框架的博客使用方便对电脑要求也不高,并且有很多可以使用的主题,所以就用它把!

先来看看效果先

电脑/ipad版:《怎么建立一个自己的博客》

手机版:《怎么建立一个自己的博客》

来听首歌把

border=”0″ width=”330″ height=”86″ src=”//music.163.com/outchain/player?type=2&id=27965161&auto=0&height=66″>

这个就是你看到这篇文章的博客的首页了哈哈,可能有些不美!不过我也觉得还ok啦!其实啦配置一个博客也不难,我所使用的就是由一位台湾的在校大学生开发完成的hexo博客框架。

1.1 这里是一些知识拓展

hexo官方文档:介绍了很多关于hexo的要求自己可以去看看。

1.2 HEXO简介

Hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github和Heroku上。作者是来自tommy351大神

2.1 安装/部署

安装Hexo相当简单。然而在安装前,您必须检查电脑中是否已安装下列应用程序:

  1. 安装的Git
  2. 安装的NodeJS
  3. 安装HEXO
  4. 部署项目
  5. 绑定个人域名
  6. 修改及配置主题
  7. 写文章部分

2.2安装Git

  • Git的安装步骤:双击下载好的EXE文件,一路下一个就好啦
  • 安装好后,打开gitbash

《怎么建立一个自己的博客》

如果这样显示的话就成功了。

2.3安装的node.js

节点官网上下载最新的Windows安装包,推荐左边那个适用于大多数用户的直接安装即可。对于Windows用户来说,建议使用安装程序进行安装。安装时,请勾选添加到PATH选项。

《怎么建立一个自己的博客》

2.4 Hexo的安装与使用

HEXO安装命令:新建一个用来储存博客的文件夹(比如说我这里在C:\ HEXO)

,然后在你想要安装的文件夹空白位置右键选择’Git Bash Here’

《怎么建立一个自己的博客》

1.输入

npm install hexo -g  
其中的意思是:-g表示全局安装, npm默认为当前项目安装

2.现在打开CMD,在CMD中输入在C:\用户\磐英>后输入

cd C:/

〜其中的意思是:进入Ç盘根目录(这里你应该按照自己创建的文件夹选择不同的路径)〜

3.然后再输入

cd hexo

这样就能进入我放在Ç盘的HEXO文件夹了,就像这样

《怎么建立一个自己的博客》

  1. 输入

    hexo init
    npm install    #install before start blogging
    hexo generate       #自动根据当前目录下文件,生成静态网页
    hexo server         #运行本地服务

    你会看到你的文件夹下出现了这些文件(我装了主题文件可能比你的多不过没关系)《怎么建立一个自己的博客》

    浏览器输入的http://本地主机:4000就可以看到效果了

    《怎么建立一个自己的博客》

到这里就配置完成了

3.1添加博文

在你安装hexo的文件夹空白位置右键选择’Git Bash Here’同2.4

hexo new "你的文章名"

这样你就会在博客目录下source/_posts\你的文章名.md自动生成一篇名叫’你的文章名’的一个md文件,使用md软件(这里安利一下一款极简的markdown编辑器)打开就可以使用Markdown语法书写了

《怎么建立一个自己的博客》

写完后点击保存你就可以看到文章显示出来了

〜到这里博客就可以本地了〜

3.2部署到互联网

自己写的博客只能自己看总觉得缺少了些什么,因此申请一个域名然后把博客共享到互联网岂不美哉?

在阿里云注册一个域名(注册过程就不演示了) – 进入控制台 – 选择域名 – 域名解析

《怎么建立一个自己的博客》

选择一型记录然后填入你电脑的IP,这样你就能通过域名来访问你的博客了!(这一步有问题可能选择使用阿里云域名解析上面那个新手引导)

《怎么建立一个自己的博客》

4.素质拓展

4.1 Hexo的下一个主题安装

当初选择HEXO作为我博客的框架是因为:默认状态下HEXO已经有了不俗的表现,简洁优美,富有观赏性,多超的主题可供选择《怎么建立一个自己的博客》

官方教程在这

1.在你的文件夹下空白位置右键选择’Git Bash Here’ 同2.4

$ git clone https://github.com/iissnan/hexo-theme-next themes/next

这步的意思是:从接下来的Gihub仓库中最新电子杂志版本。

  1. 启用下一个主题

修改需要C:/hexo/_config.yml配置项theme

《怎么建立一个自己的博客》

用记事本打开_config.yml(我这里使用了记事本)中找到主题这一项把景观改为下一个(注意冒号后面的空格不能省略)

《怎么建立一个自己的博客》

改为

《怎么建立一个自己的博客》

然后在GIT中代码输入侧同2.4

hexo s

访问http://localhost:4000就会发现主题成功应用了。

参考:官方使用文档打造炫酷博客

4.2 远程化你的博客

在自己的电脑大可不必做这一步,我是因为博客部署在服务器上面需要远程维护便携性就显得尤为重要了。so,我选择部署了一个web应用来管理这个静态博客:通过 ·hexo-admin· 来管理 hexo 博客

就是这总效果:

《怎么建立一个自己的博客》

当你不在电脑面前(我的是服务器)也可以轻松地写博客,岂不美哉?

何况:大丈夫生于天地之间,当读圣贤之书,养浩然正气,仿天地之德以爱人,效圣贤之志以成业。

说干就干!

方法如下:

~未完待续~

博客地址 http://dgut.top:4000/
我的另一个博客地址 http://usg1024.xin/

《怎么建立一个自己的博客》

    原文作者:dgut_guangdian
    原文地址: https://blog.csdn.net/dgut_guangdian/article/details/79326107
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞