搭建Hexo博客并部署到Github
参考:
http://www.jianshu.com/p/a67792d93682
http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html
https://help.github.com/articles/cloning-a-repository/
http://lijialalala.github.io/2016/04/05/hexoxo-usage/
一、GitHub端
首先注册个GitHub的帐号
好注册完成后新建一个项目过程如下:
点击New repository
新建工程新建项目时,关于项目的名称一定要按照"你的GitHub用户名.github.io"的格式,切记、切记、切记。重要的事情说三遍!
- 新建完成后点击Settings如图所示:
- 进入页面后在下半部分找到如图所示的位置点击
Launch automatic page generator
按钮。
- 接下来就是一些简单配置页面信息,按图操作就可以了,很简单。
6.以上都配置完成后,GitHub端的配置就结束了,此时你输入[yourGitHubName].github.io就应该看到如下的界面,如果看到了恭喜你,第一阶段的配置您已经完成了~
二、安装Node.js和初始化hexo
- 下载安装Node.js
下载地址
安装Hexo
安装好Node.js以后使用它的命令行编译器:命令行编译器然后执行以下这条安装Hexo的命令
$ npm install -g hexo-cli
初始化
安装完成后,需要建立一个文件夹(如hexo),执行以下指令(在hexo路径下),Hexo 即会自动在目标文件夹建立网站所需要的所有文件。hexo init
修改hexo配置的文件,在新建的hexo文件夹下找到
_config.yml
这个文件,然后使用如notepad++之类的文本编辑器打开。该文件夹需要修改的位置如下所示:Under your repository name, click Clone or download.
In the Clone with HTTPs section, click to copy the clone URL for the repository.
# Hexo Configuration ## Docs: https://hexo.io/docs/configuration.html ## Source: https://github.com/hexojs/hexo/ # Site title: Notes For Yin Qin subtitle: description: author: Sylar Yin language: zh-CN timezone: # URL ## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/' url: http://yoursite.com root: / permalink: :year/:month/:day/:title/ permalink_defaults:# Directory source_dir: source public_dir: public tag_dir: tags archive_dir: archives category_dir: categories code_dir: downloads/code i18n_dir: :lang skip_render:# Writing new_post_name: :title.md # File name of new posts default_layout: post titlecase: false # Transform title into titlecase external_link: true # Open external links in new tab filename_case: 0 render_drafts: false post_asset_folder: false relative_link: false future: true highlight:enable: trueline_number: trueauto_detect: falsetab_replace:# Category & Tag default_category: uncategorized category_map: tag_map:# Date / Time format ## Hexo uses Moment.js to parse and display date ## You can customize the date format as defined in ## http://momentjs.com/docs/#/displaying/format/ date_format: YYYY-MM-DD time_format: HH:mm:ss# Pagination ## Set per_page to 0 to disable pagination per_page: 10 pagination_dir: page# Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: landscape# Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type: gitrepository: https://github.com/NotesForYQ/NotesForYQ.github.io.gitbranch: master
这里强调一下配置文件编写的时候一定是键值对的形式,":"冒号后有一个空格,切记、切记、切记!这里提供一个网站用于检测你输入的语法是否正确。
- 预览配置效果
两个命令即可完成静态页面的生成和预览$ hexo generate
和$ hexo server
,以下是命令的简写形式:hexo g
hexo s
输入命令以后在浏览器器中输入 localhost:4000
就可以看见预览的静态网页了,此时在命令行编译器中使用 Ctrl+C
就可以退出预览。
最后将编译好的网页代码部署到GitHub中就大功告成了。命令为 $ hexo deploy
hexo d
此时可能会提醒你Git命令不能识别之类的错误,这就是我说的安装配置时的最后一个坑,此时你需要在命令行中输入以下语句来完成Install hexo-deployer-git.
$ npm install hexo-deployer-git --save
好执行完成以后,你再使用$ hexo deploy
就可以部署到你的GitHub仓中了,小伙伴们部署完以后赶紧查看一下自己的域名,网页已经变化了啊~
转载于:https://www.cnblogs.com/ys-wuhan/p/6390235.html
搭建Hexo博客并部署到Github相关推荐
- 搭建hexo博客并部署到github上
hexo是由Node.js驱动的一款快速.简单且功能强大的博客框架,支持多线程,数百篇文章只需几秒即可生成.支持markdown编写文章,可以方便的生成静态网页托管在github上. 感觉不错. 前端 ...
- 安装Hexo博客并部署到GitHub或云服务器(细节教程,越过各种坑)
前言 心血来潮买了云主机,浪费了几个月都没用,然后就学着搭建博客,对比了一下 WordPress 和 Hexo 之后,随性选择了以 Hexo 为框架搭建博客平台. 经过了几次的从零开始,遇到了各种各样 ...
- 从零搭建Hexo博客并部署阿里云服务器(奶妈级教学)
前言 前天刚买了个云主机,就开始学着搭博客了,参考了挺多大手的博客,最终还是选择使用Hexo来作为自己的博客框架.测试结束了,今天也将自己搭博客过程中踩过的坑做一个输出,希望对有想法要做自己的博客的同 ...
- Hexo瞎折腾系列(6) - 将博客同时部署到Github和Coding
前言 由于本人只是将Hexo博客同时部署到 Github 和 Coding.net ,所以这里只介绍怎么同时部署到这两个网站的pages. 之所以选择这两个网站,是因为国外用户可以访问 Github, ...
- 在github上搭建hexo博客
cnblog的MarkDown太糟心了,干脆换hexo和github pages用用. 这个随笔给自己当备忘录用的,网上有更详细的教程. hexo官方文档 安装git,安装nodejs windows ...
- 史上最详细“截图”搭建Hexo博客——For Windows
http://angelen.me/2015/01/23/2015-01-23-%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86%E2%80%9C%E6%88 ...
- 从 0 开始搭建 Hexo 博客
欢迎访问我的 hexo 博客 :https://guoshizhan.github.io 前言:本教程使用的是 Windows 操作系统,所使用的编辑软件是 notepad++,不要使用记事本或者 E ...
- 搭建hexo博客历程二- Gitee版 (主要 解决404和样式丢失)
前期的GitHub版搭建hexo博客 前期的node .hexo等等都已经配置完成,只需要在Gitee上建库,以及修改一些配置.继续依葫芦画瓢,在Gitee上画出来.例如 https://gitee. ...
- 腾讯云搭建hexo博客
title: 腾讯云搭建hexo博客 tags: hexo,腾讯云 文章目录 title: 腾讯云搭建hexo博客 tags: hexo,腾讯云 @[toc] 1. 腾讯云 学生认证购买 重置密码和网 ...
- python公众号留言功能_搭建hexo博客给公众号制作留言功能
大家都知道,18年3月份后注册的公众号都不给留言功能了,作为主要以技术文章为主的公众号,没有留言功能真是不方便.周末这两天我就一直在折腾这个留言功能,借助博客的留言功能,放在阅读原文里.昨天晚上终于折 ...
最新文章
- ansible组件-playbook学习笔记
- java getoptionvalue_How to get option value in database
- Java Review - 并发编程_ArrayBlockingQueue原理源码剖析
- 1874: 生活大爆炸版石头剪刀布
- linux不用命令开启ssh,不用密码也能ssh登陆Linux?
- hb-550s计算机电源,XFX TS 550金牌电源拆解及电路分析
- iOS开发-多台机器共用证书问题
- 现代通信技术之交换技术基础
- 通用软件体系结构风格总结为五个大类
- This experimental syntax requires enabling the parser plugin: ‘optionalChaining‘
- 怎么删除或者彻底卸载输入法
- 小红书口碑营销推广方式有哪些?
- jsp来实现 验证码 登录案例 有图 有码
- ide中tomcat乱码_彻底解决Intellij IDEA中文乱码问题(亲测成功)
- 由计算机谈最强大脑周玮
- DeepRacer线下比赛总结 2022 地图 Re Invent 2018
- 深入浅出JS—03 函数闭包和内存泄漏
- 小白盒子无线打印服务器,小白智慧打印 打印机顶盒WIFI盒子开箱测评
- 咚咚咚————【电路设计】关于赛车的应力采集设计原理
- 荣耀7 能升级鸿蒙系统吗,刷机精灵V3.4.7发布 新增支持荣耀7等一键刷机