w10环境下Hexo博客搭建

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

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

一准备


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



    2.验证Nodejs是否安装

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


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

  • 安装淘宝镜像

在终端输入以下命令(还是管理员的权限)
PS C:\WINDOWS\system32> npm install -g cnpm --registry=https://registry.npm.taobao.org

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

二 使用cnpm安装hexo的镜像


1.使用以下命令:

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


显示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
一起交流。

你可能感兴趣的:(w10环境下Hexo博客搭建)