专栏首页Happy的分享手把手教你使用Hexo+GitHub搭建自己的个人博客网站

手把手教你使用Hexo+GitHub搭建自己的个人博客网站

安装nodejs环境

这个直接搜索安装即可,安装完成之后,通过如下命令检测环境变量是否安装成功:

λ node -v
# 输出版本号
v12.13.1

正确输入版本号即可。

安装cnpm

cnpm是淘宝镜像,可以加快依赖的安装速度

npm install cnpm -g --registry=https://registry.npm.taobao.org

# 输出
C:\Users\xxxxx\AppData\Roaming\npm\cnpm -> C:\Users\xxxxx\AppData\Roaming\npm\node_modules\cnpm\bin\cnpm
+ cnpm@6.1.0
added 680 packages from 933 contributors in 24.882s

其他

Git、GitHub就不多说了

安装 Hexo

cnpm install -g hexo-cli

可以通过如下命令检查是否安装成功

λ hexo -v

"node"  "C:\Users\xxxxxx\AppData\Roaming\npm\\node_modules\hexo-cli\bin\hexo" -v
hexo-cli: 3.1.0
os: Windows_NT 10.0.18362 win32 x64
node: 12.13.1
v8: 7.7.299.13-node.16
uv: 1.33.1
zlib: 1.2.11
brotli: 1.0.7
ares: 1.15.0
modules: 72
nghttp2: 1.39.2
napi: 5
llhttp: 1.1.4
http_parser: 2.8.0
openssl: 1.1.1d
cldr: 35.1
icu: 64.2
tz: 2019c
unicode: 12.1

创建本地博客

hexo init gitpage

出现下面提示表示初始化成功了

执行完之后目录内容

进入gitpage目录,执行如下命令

cd gitpage
cnpm install

这样,hexo就安装完成了。

Hexo 基本用法

启动

hexo server 
# or
hexo s

通过浏览器访问http://localhost:4000即可查看效果:

新建博客

hexo new "My First Post"

在source_posts 路径下,会有一个 My-First-Post.md 的文件。 编辑这个文件,然后保存。

回到命令行,输入

hexo g

创建静态文件

启动服务器,查看效果

hexo server

启动之后,即可看到自己新创建的这篇文章。

部署到GitHub

首先在GitHub创建一个仓库,仓库名叫"<username>.github.io"。复制仓库地址。打开gitpage目录下的_config.yml 文件, 找到 #Deployment,填入以下内容:

deploy:  
	  type: git  
	  repository: https://github.com/Happy4Java/happy4java.github.io.git
	  branch: master

保存,然后在命令行执行如下语句:

cnpm install hexo-deployer-git --save

执行完之后,即可执行部署命令:

hexo d

可能需要输入github的账号密码,输入之后即可部署完成。

查看效果

访问https://happy4java.github.io即可查看到效果。

使用 Next 主题

进入gitpage文件夹下的themes文件夹,执行

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

这样,该主题的文件就全部克隆到 gitpage\themes\next 下面。

修改博客配置文件

  • 打开 _config.yml配置文件
  • 找到 theme:
  • 把 Hexo 默认的 lanscape 修改成 hexo-theme-next 。
  • 找到 # Site,添加博客名称,作者名字等。
  • language 后面填入 en 或者 zh-CN,选择英文或者中文。
  • 找到 # URL, 填入 url。比如 url: https://happy4java.github.io

重新生成部署

hexo g
hexo d

访问https://happy4java.github.io即可查看效果

原创声明

本文为【Happyjava】的原创,欢迎转载,但需注明出处

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 「快学springboot」SpringBoot整合freeMark模板引擎

    虽然现在流行前后端分离开发和部署,但是有时候还是需要用到服务端渲染页面的。比如:需要考虑到SEO优化等问题的时候,FreeMark其实还是很有作用的。本人的博客...

    Happyjava
  • 【快学SpringBoot】SpringBoot+Docker构建、运行、部署应用

    Docker技术发展为当前流行的微服务提供了更加便利的环境,使用SpringBoot+Docker部署和发布应用,其实也是一件比较简单的事情。当前,前提是得有D...

    Happyjava
  • 【快学springboot】在springboot中写单元测试

    很多公司都有写单元测试的硬性要求,在提交代码的时候,如果单测通不过或者说单元测试各种覆盖率不达标,会被拒绝合并代码。写单元测试,也是保证代码质量的一种方式。

    Happyjava
  • Hexo安装配置并托管至github

    1.1从官网或者上边提供的百度网盘下载Git安装包,由于众所周知的原因,官网下载十分缓慢。下载完安装即可,中间会让你选择默认编辑器,如果不习惯Vim推荐Note...

    周俊辉
  • hexo + github搭建博客(Mac版)

    在地址栏中输入 https://Xing-hui.github.io 即进入你的博客.

    星辉
  • 如何使用hexo与github搭建自己的博客(1)

    最近有一批人问我怎么使用hexo搭建博客,因为我的博客就是使用hexo搭建的。这里呢我就简单的说一下因该准备一些什么样的工作

    踏浪
  • Kubernetes-Host网络模式应用

    问天丶天问
  • 使用Hexo在Github上搭建自己的博客

    以前的博客是使用Jekyll托管在github上,后来用着越来越不方便,比如没有自动生成post,不能一键部署,文件结构和配置也是比较繁琐,更重要的是有时候用m...

    飞雪无情
  • Fei-Fei Li, Fei Sha, Ke Yang, 余凯,漆远,雷鸣等关于人工智能和深度学习的讨论(先睹为快版)

    用户1737318
  • 实习第八周

    打包后进入根目录下的target文件夹,运行其中的platform-admin-1.0-SNAPSHOT-exec.jar

    治电小白菜

扫码关注云+社区

领取腾讯云代金券