利用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



 

目录
相关文章
|
4月前
|
Shell 网络安全 开发工具
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
|
1月前
GitHub——使用GitHub Pages生成在线文档
GitHub——使用GitHub Pages生成在线文档
12 0
|
4月前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
163 0
|
9月前
|
JavaScript 开发工具 git
保姆级教程:从零构建GitHub Pages静态网站(下)
保姆级教程:从零构建GitHub Pages静态网站(下)
295 0
|
9月前
|
前端开发 JavaScript
保姆级教程:从零构建GitHub Pages静态网站(上)
保姆级教程:从零构建GitHub Pages静态网站
4202 0
|
4月前
|
存储
github pages 部署单页面
github pages 部署单页面
100 0
|
4月前
|
缓存 网络协议 CDN
Docsify 配合 Github Pages 搭建一个自己的云笔记
Docsify 配合 Github Pages 搭建一个自己的云笔记
170 0
Gridea 上手教程——小白也可以用的GitHub Pages 搭建工具
Gridea 上手教程——小白也可以用的GitHub Pages 搭建工具
Gridea 上手教程——小白也可以用的GitHub Pages 搭建工具
|
存储 程序员
30分钟使用Docsify+Github Pages搭建个人博客
30分钟使用Docsify+Github Pages搭建个人博客
305 0
30分钟使用Docsify+Github Pages搭建个人博客
|
Java 持续交付 开发工具
我明白了,github中的actions与pages
github的actions是一个持续集成的工具,类似java的jekins,actions中需要编写流水线脚本,脚本并不难,只是环境的熟悉。github pages 是一个静态网站服务,只要你按照特定规则在指定的仓库或者分支上存放html代码,就可以通过特定规则的url去访问到该静态页面网站,很方便。
258 0
我明白了,github中的actions与pages