w10环境下Hexo博客搭建

w10使用hexo+github手把手搭建本身的第一个博客

对一个程序员来讲,博客的重要性不言而喻,不但能够积累知识,还能够更好的给别人分享本身的心得。今天就以时下比较流行的hexo博客搭建属于本身的博客。hexo是基于nodejs写的一款流行的博客框架。是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其余渲染引擎)解析文章。方便易学。node

一准备


  • 下载node.js
    1.去nodejs.org下载。
    下载以后直接安装



    2.验证Nodejs是否安装

    PS C:\WINDOWS\system32> node -v
    v10.16.3
    PS C:\WINDOWS\system32>


    显示这一步就证实安装nodejs安装成功
    git

  • 安装淘宝镜像程序员


在终端输入如下命令(仍是管理员的权限)


PS C:\WINDOWS\system32> npm install -g cnpm --registry=https://registry.npm.taobao.org
github

安装镜像的目的就是为了下载hexo的客户端更快。
npm

二 使用cnpm安装hexo的镜像



1.使用如下命令:
浏览器

PS C:\WINDOWS\system32> cnpm install -g hexo-cli


显示hexo安装成功hexo

2.验证hexo是否安装成功:

框架

3.使用cnpm安装hexo时,可能出现如下错误
网站


解决方案:插件



再次使用cnpm安装hexo就正常了。。

三 初始化hexo博客



1.新建一个文件夹blog
PS C:\WINDOWS\system32> mkdir blog/

2.初始化hexo:
PS C:\WINDOWS\system32\blog> hexo init

3.查看blog文件夹,初始化博客的内容都在这个文件夹里,包括样式,风格,等等。

这里有时可能出现网速慢hexo没法初始化成功的现象,解决方案,就是删除blog文件价,从新下载。


四 本地启动博客



1.使用下面的命令本地启动博客:


PS C:\WINDOWS\system32\blog>hexo s

2.启动成功,浏览器上进行本地进行访问

浏览器启动成功,博客搭建已经搭建初步完成,系统自动生成的hello World 文章,里面介绍了hexo的各类命令。



五 将博客部署到远端,这里使用github进行远端部署


部署的前提是要有一个github帐号,而且对git有必定的了解。

1.登录github,新建一个仓库,注意新建仓库的名字必定要符合命名规则:

必须使用本身的昵称+github.io为本身的仓库名。不然找不到你的主页





2.安装git插件


PS C:\WINDOWS\system32\blog> cnpm install --save hexo-deployer-git

3.配置blog 文件夹下的_config.yml文件的最下面配置以下信息:

deploy:
type: git
repo: https://github.com/chentang99/chentang99.github.io.git 就是github新建仓库的地址

branch: master


4.使用命令将本地的博客推到远端。


PS C:\WINDOWS\system32\blog> hexo d

刷新本身的github仓库。显示多了不少的内容,那就是你博客的内容。

5.激动人心的时刻,就是公网访问你的网站,chengtang99.github.io
这里的访问名就是你的github仓库的名字

若是你想自定义的主题,github上有不少的模板,这里推荐一款比较流行和轻量级的主题:

点击访问yilia主题

六 常见的错误及解决



1.必定要在管理员的权限下部署博客

2.若是gitclone太慢的话。一个多是网速,一个就是git的代理没有设置。以下建议。能够在hosts的系统文件中作以下的配置:

151.101.72.249 http://global-ssl.fastly.Net
192.30.253.112 http://github.com

3.hexo博客的初始化和操做都是在blog这个文件夹下操做的,若是有错误不能解决的话,能够删除这个文件,从新下载。后期也能够自定义本身的主题。具体的主题不少,能够在github上找到。

4.若是配置完github以后,在公网上访问本身的网站显示你找不到网页,那多是你的仓库名和你的github的帐号的昵称不相同,从新修改仓库名。

技术链接你我。分享共同进步。欢迎访问个人博客changtang 一块儿交流。

相关文章
相关标签/搜索