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. Sql Server (MSSQLSERVER) 服务无法启动

    北京的冬天特别干燥,大清早的一同事就和服务器擦出了爱的火花,结果没想到竟导致服务器无法开机了,这可尴尬了,代码可都在服务器上托管着呢,一会还等着上线呢,必须得修啊.他们说是主板坏了,就另外找了一台电脑 ...

  2. linux mint 19.1安装搜狗输入法

    1.到搜狗拼音输入法官网下载Linux版. 2.使用dpkg命令安装deb软件包: $ sudo dpkg -i sogoupinyin_2.2.0.0108_amd64.deb 3.安装成功;也有可 ...

  3. git删除指定commit

    1.使用git log 命令,查看已提交的记录.例如红色圈出的commit是本次要删除的commit. 2.先找到此次提交之前的一次提交的commit 1d6b81b138f89735265900b9 ...

  4. java调出cmd窗口长ping某个ip

    package lct.conference.test; import java.io.IOException; public class Test { public static void main ...

  5. 利用 BackgroundService 固定时间间隔执行某动作

    继承 BackgroundService 类: 为什么会写这个东西呢?本人在写消息队列的时候思考过一个问题——比如,每5秒从队列里面取一条消息(一条消息里面又包含了1000条数据),要把这1000条数 ...

  6. vue+elementui 开发的网站IE浏览器加载白屏(不兼容)解决办法

    1.需要检查一下 export default { name: 'aa',-------vue的name是不可以重复的-----这个是决定性原因 data() { return {} } 2.变量声明 ...

  7. Go开发环境安装与环境变量配置

    1.Go安装包下载 https://studygolang.com/dl 2.安装 Windows平台下,直接下一步即可完成安装. 3.配置环境变量 系统变量 安装完成后,在系统变量的Path一栏,会 ...

  8. Windows下的apache tomcat安装与配置

    在官网http://tomcat.apache.org下载apache tomcat,我下载的是7可以自行选择版本: 解压缩,把解压文件放入C盘根目录下 配置环境变量,变量名位CATLINA_HOME ...

  9. 简易版最长序列(map映射)

      题目描述 给你一组数(未排序),请你写设计一个程序:求出里面个数最多的数.并输出这个数的长度. 例如:给你的数是:1. 2. 3. 3. 4. 4. 5. 5. 5 .6, 其中只有6组数:1, ...

  10. Mac地址转换成long长整型

    Mac地址转换成long长整型 using System;using System.Collections.Generic;using System.IO;using System.Text;usin ...