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博客搭建的更多相关文章

  1. 【hexo博客搭建】将搭建好的hexo博客部署到阿里云服务器上面(下)

    一.部署到阿里云服务器 既然博客也已经成功在本地部署,然后主题也成功安装,接下来就可以部署到服务器上面了,如果你也想要魔改matery主题,可以去各种博客上面找一找大佬的教程,或者联系我,也可以让你少 ...

  2. [原创]HEXO博客搭建日记

    博客系统折腾了好久,使用过Wordpress,Ghost,Typecho,其中Typecho是我使用起来最舒心的一种,Markdown编辑+轻量化设计,功能不多不少刚好,着实让我这种强迫症患者舒服了好 ...

  3. Hexo博客搭建以及Next主题美化的经验之谈

    这并不是一篇博客搭建教程.内容主要包含个人对于Hexo博客搭建的心得,Next6.0主题美化的部分建议,以及摘录一些各种用于博客搭建的link. 在博客园3年6个月,确实也学到了很多,博客园也是目前为 ...

  4. 强大博客搭建全过程(1)-hexo博客搭建保姆级教程

    1. 前言 本人本来使用国内的开源项目solo搭建了博客,但感觉1核CPU2G内存的服务器,还是稍微有点重,包括服务器内还搭建了数据库.如果自己开发然后搭建,耗费时间又比较多,于是乎开始寻找轻量型的博 ...

  5. Hexo博客搭建全解

    [原创,转载请附网址:http://dongshuyan.top] 欢迎来到莫与的博客,第一篇记录了一下怎么写一篇博客,以方便之后写博客~ #从配置说起下载安装Git与Node.js略过 1.安装he ...

  6. U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索

    指南:U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索   U盘便携式hexo随处写博客 简述:在任意一台联网的电脑上续写he ...

  7. 迈出第一步,Hexo博客搭建

    很早之前看到别人的博客就总想着自己之后也要搭一个,最近突然来了干劲,就开始搭起了博客.不过搭博客还真是一个累活,失败了不下十次,用了好几天的时间,感觉自己在浪费时间,但是看到现在博客终于能用了,非常开 ...

  8. GitHub入门(一)GIT配置与Hexo博客搭建

    首先安装配置Git环境,由于本人使用Windows操作系统所以从msysgit.github.io下载msysGit Windows版本,安装.(Mac一般自带Git) 安装的时候一般使用默认选项,其 ...

  9. 【基础篇】hexo博客搭建教程

    [基础篇]搭建hexo博客(一) 作者:Huanhao bilibili:Mrhuanhao 前言 你是否想拥有属于自己的博客?你是否无奈与自己不会写网站而烦恼? 不要担心,本系列教程将会实现你白嫖的 ...

随机推荐

  1. 彻底搞清楚DOM元素的height,offsetHeight,clientHeight,scrollHeight

    测试用例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...

  2. C/C++ -- 判断字符串中存在中文

    电脑系统中的英文字符串和中文字符最根本的区别就在于: 1.英文的 ASCII 码,其最高位为 0,占一个字节 注:英文的ASCII码范围是在0到127,二进制为(0000 0000 ~ 0111 11 ...

  3. [cogs] 传染病控制

    http://cogs.pro:8080/cogs/problem/problem.php?pid=107 去年6月份的代码了,又长又臭又WA 暴力贪心模拟 水水50 #include<iost ...

  4. CF455C Civilization

    嘟嘟嘟 水题一道,某谷又恶意评分. 合并无非是将两棵树的直径的中点连一块,记原来两棵树的直径为\(d_1, d_2\),那么新的树的直径就是\(max(d_1, d_2, \lceil \frac{d ...

  5. H-Fashion in Berland

    #include <bits/stdc++.h> using namespace std; int a[1005]; int main() { int n; scanf("%d& ...

  6. nodeJs 初学案例摘要

    在学习nodeJs的时候,照着文档做的,但是到最后的上传文件显示图片总是报错, 所用的fs.renameSync出错:Error: EXDEV, cross-device link not permi ...

  7. 用Fiddler模拟低速网络环境(弱网)

    原文链接:http://caibaojian.com/fiddler.html 有时候宽频网路用习惯了… 在开发的过程就比较少去考虑最佳化的问题… 但当有人反应说「你的网页好慢」 甚至当网路速度慢,会 ...

  8. MAC将根目录文件夹的权限赋给用户

    https://my.oschina.net/liujiest/blog/762004 1.sudu -i进入root模式(需输入密码) 2.chown -R 用户名 /文件夹名 sudo -i Pa ...

  9. activemq jmx

    增加: -Djava.rmi.server.hostname=<IP addr>

  10. android中SpannableString之富文本显示效果

    SpannableString其实和String一样,都是一种字符串类型,SpannableString可以直接作为TextView的显示文本,不同的是SpannableString可以通过使用其方法 ...