【Hexo】Hexo+Github构建个人博客 (二):创建Hello World

一、生成项目,初始化

在项目目录下创建好Blog目录,比如我的是  D:\projects\web\arvin0-blog ,然后执行命令 hexo init

如图:

创建完成之后的结果,如图:

二、生成静态页面

执行命令 hexo generate (hexo g 也可以)

如图:

三、启动本地服务

启动本地服务,进行文章预览调试,执行命令  hexo server

如图:

打开浏览器,输入http://localhost:4000

效果如图:

四、把本地hexo文件部署到Github上

1.建立Repository

建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法 然后建立关联。

2.然后打开上面建立的hexo项目,找到 _config.yml 文件,打开,翻到最下面,如图:

红框部分,改成这样

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

注意:  repository: 后面要加空格,还有注意要修改名字,arvin0 改成你自己的,我建议你copy这段话,然后直接改名字;

3.然后使用Git Bash,执行命令  npm install hexo-deployer-git --save ,执行这句命令才能使用git部署

4.执行命令 hexo deploy 或者 hexo d

如图:

5.然后再浏览器中输入http://arvin0.github.io/就行了 ,记得把名字改成你 github 的账户名。

五、更新GitHub

每次修改过本地文件后,要更新到GitHub上,都要执行三句命令

hexo clean
hexo generate
hexo deploy

更多命令,请参考 Hexo官方文档

时间: 2024-08-07 16:48:04

【Hexo】Hexo+Github构建个人博客 (二):创建Hello World的相关文章

使用hexo和github搭建个人博客网站

使用hexo+github可以免费.快速地搭建一个静态博客网站,并且使用hexo提供的命令以及git自身的功能可以很便捷地管理博客. 使用github部署静态页面 在了解hexo之前,我们先看看如何使用github部署静态页面. 注册github账号 访问github官网注册一个账号,该流程和一般网站注册账号一样,在此不赘述. 创建一个git仓库 其他项如果需要可以自主填写,这里只填写仓库名,点击Create repository创建仓库. 提交一个测试页面 执行git clone命令将仓库克隆

Hexo和github搭建个人博客 - 朱晨

GitHub账号 mac/pc 环境 12 node.jsgit 创建GitHub仓库 登陆GitHub,创建一个新的Respository Repository name叫做{username}.github.io {username}代表你的GitHub用户名,Repository name一点要叫这个 绑定域名 待定 绑定ssh秘钥 设置git用户名和邮箱 12 git config --global user.name "liuxianan"git config --globa

利用hexo和github建立个人博客 适合小白的~

因为我自己用的是window 7系统,所以下面的教程是针对window系统的 首先需要准备的有 Git v1.9.5 下载地址:百度云 Node.js v0.12.5 x64 下载地址: 百度云 安装Git 作用:把本地的hexo提交到github上面去: 一路点击“Next”就好了 在这里选择对应的window选项 安装Node.js Node也是一样简单,也是一路“Next”就好,然后就等待安装完成 接下来就要验证软件是否正确的安装了 在运行里面输入“cmd” 然后输入如图所示的命令,如果结

【Hexo】Hexo+Github构建个人博客 (三):添加皮肤主题

一.选择主题 选择你自己喜欢的主题 参考: 1.Hexo官网主题 2.知乎:有哪些好看的 Hexo 主题? 二.配置主题 1.我选择了hexo-theme-yilia这个主题,简洁大方,功能齐全: 这是他的地址:https://github.com/litten/hexo-theme-yilia 2.具体添加方法: 安装 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia 配置 修改hexo根目录下的 _co

记自己利用hexo和github搭建个人博客的过程

--------------------------------------可能我书写的方式跟别人顺序不一样,但这是我的成功经验-------------------------------------- 1.先看成果---小小易的个人博客 2.工具+版本 npm 3.10.8 git Shell 3.开始 1),先从简单的开始: 先去github里创建一个repository;如图; 创建后的页面 ![image](D:\blog\source\hexoImg/2017-04-25_00260

【Hexo】Hexo+Github构建个人博客 (五):错误集

一.报错: ERROR Plugin load failed: hexo-deployer-git 解决方案:执行命令  npm install hexo-deployer-git --save 二.报错: ERROR Plugin load failed: hexo-generator-json-content 解决方案: 1.把node升级到6.0版本及以上: 2.然后执行命令  npm i hexo-generator-json-content --save 3.就OK了. 三.报错:出现

使用hexo、github Pages搭建博客

1. 安装node 如果本机已经有node,为避免安装出现问题,建议先升级到最新版.参考:https://juejin.im/post/5b9739d1e51d450e9f66ee3b 2. 安装hexo 参考:https://segmentfault.com/a/1190000017986794 里面有图床.主题.评论配置. 3. 主题配置 主题使用next的Pisces,具体可Google. 其中,原生的这个主题两边留白太多,现在很多都是宽屏,包括本人很喜欢宽屏展示.可以参考:调节next主

《Hexo+github搭建个人博客》

<Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+github搭建个人博客>1 思维导图总览:2 What?2 简介:2 Hexo:2 NodeJs2 Github4 Git5 Github page:5 Markdown6 How?7 环境配置:7 安装Git8 安装Node.js9 安装hexo13 第一步:打开cmd.13 第二步:进入NodeJS

使用Node.js+Hexo+Github搭建个人博客(续)

一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在上篇博文的基础上分别从以下几个方面做简单的后续介绍: 博客相关配置介绍 博客主题 Yilia 配置介绍 如何制作并配置网站缩略图 如何将博客同步到 Github.Coding 中 如何使用 Git 同步 Github 与 Coding 的代码 如何申请域名并作域名解析 如何将域名绑定至 Github.Codi