利用Github pages建站-超简单小白专属

简介:

Github pages可以使用自己的html,js等资源建站。我们可以使用hexo在本地生产静态网页然后发布到github上。废话少说,按照下列步骤执行

1、注册github账号

并新建一个 用户名+github.io的repository。


 

2、安装nodejs

下载地址

在cmd中执行

Java代码   收藏代码
  1. node -v  

 检测是否安装成功,若提示node命令不存在的时候,请将C:\Program Files\nodejs添加到用户环境变量的PATH中

 

3、安装hexo

Java代码   收藏代码
  1. $ npm install hexo -g  
  2.   
  3. $ mkdir wiselyman.local  
  4.   
  5. $ hexo init wiselyman.local  
  6.   
  7. $ npm install   
  8.   
  9. $ npm install hexo-admin --save #安装hexo管理插件,可编辑发布博客  

 

4、配置_config.yml

配置的详细请参照http://hexo.io/docs/configuration.html

我这里只写出需要和github配合那块的代码

Java代码   收藏代码
  1. #注意冒号后面有一空格,否则报错  
  2. deploy:  
  3.   type: github  
  4.   repository: https://github.com/wiselyman/wiselyman.github.io.git #此地址如下有截图  
  5.   branch: master  

 
  

5、启动hexo

 

Java代码   收藏代码
  1. hexo server -d  

 

6、访问首页

http://localhost:4000



 

7、发布新的博客

http://localhost:4000/admin  使用的是Markdown编辑,很简单自行学习。



 

 

8、发布到github

Java代码   收藏代码
  1. $ hexo clean  
  2.   
  3. $ hexo generate  
  4.   
  5. $ hexo deploy #此句执行完以后会让你输入github的账号和密码,输入完成后将会将你当前的静态页面push到github上  

 第一次发布要等很长时间才能看到效果,后面发布就很快了。

 

9、访问github上你的博客

http:wiselyman.github.io



 

目录
相关文章
|
6月前
|
Shell 网络安全 开发工具
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
|
5天前
|
JSON 缓存 JavaScript
使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源(二)
使用 jsDelivr 加速 GitHub Pages 的图片资源和动态编译的 JSON 资源。
11 2
|
22天前
为什么 GitHub Pages 的文章标题不能以 @ 开头?
本文记录了一个 GitHub Pages 博客网页上文章标题以 `@` 开头导致的问题,并分析了原因,提供了解决方法。
41 0
|
3月前
GitHub——使用GitHub Pages生成在线文档
GitHub——使用GitHub Pages生成在线文档
23 0
|
6月前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
169 0
|
11月前
|
JavaScript 开发工具 git
保姆级教程:从零构建GitHub Pages静态网站(下)
保姆级教程:从零构建GitHub Pages静态网站(下)
319 0
|
11月前
|
前端开发 JavaScript
保姆级教程:从零构建GitHub Pages静态网站(上)
保姆级教程:从零构建GitHub Pages静态网站
4616 0
|
6月前
|
存储
github pages 部署单页面
github pages 部署单页面
115 0
|
6月前
|
缓存 网络协议 CDN
Docsify 配合 Github Pages 搭建一个自己的云笔记
Docsify 配合 Github Pages 搭建一个自己的云笔记
192 0
Gridea 上手教程——小白也可以用的GitHub Pages 搭建工具
Gridea 上手教程——小白也可以用的GitHub Pages 搭建工具
Gridea 上手教程——小白也可以用的GitHub Pages 搭建工具