时间:2023-08-02 19:30:02 | 来源:网站运营
时间:2023-08-02 19:30:02 来源:网站运营
<建站系列-一> GitHub+Hexo建站:本文章首发于笔者博客,欢迎关注~前言:
GitHub
本身自带的Jekyll
可以直接构建最简单的个人网站,但定制性较差,而Hexo
提供更丰富的个性化定制。GitHub+Hexo
is all you need !
若是嫌Hexo麻烦,可直接在刚创建的仓库,点选Setting -> Pages -> Choose a theme -> select theme
,选择Jekyll提供的几款内嵌主题之一完成建站。
node -v
,若输出版本号则安装正常。Node.js会自带npm的安装,在命令行输入npm -v
,若输出版本号则安装正常。MyBlog
,用来存放Hexo搭建的网页文件。MyBlog
文件夹下,鼠标右键,选Git Bash Here,或者直接打开Git然后转移路径到MyBlog
。输入以下命令,安装Hexo:npm install -g hexo-cli
安装完Hexo后,初始化本地博客,输入:hexo init blog
初始化完成后,会在MyBlog
路径下自动创建一个文件夹MyBlog/blog
,这个文件夹就是Hexo的本地网站路径,以后Hexo的操作都发生在这个文件夹下。MyBlog/blog
,进行后续操作。(可直接输入MyBlog/blog
绝对路径,也可以在MyBlog/blog
下右键选Git Bash Here。)hexo n test_init_site # 新建(new)一篇名为test_init_site的博客(post)hexo g # 生成(generate) 网站hexo s # 打开本地服务器(server)
然后在浏览器打开本地端口地址:localhost:4000
。若能加载成功说明初始化正确。初始化网站如下图:MyBlog/blog/_config.yml
文件。_config.yml
文件,滑动至文件底端,关联部署仓库为第一步创建的GitHub仓库,将# Deployment
项配置为:deploy: type: git repo: https://github.com/你的账号名/你的账号名.github.io.git branch: master
完成部署配置后,再安装Git部署插件,输入:npm install hexo-deployer-git --save
然后就可以输入以下命令推送到GitHub仓库了:hexo clean # 清除缓存,以免网站信息冲突hexo ghexo d # 部署(deploy)
由于国内访问GitHub不稳定,推送可能也不稳定。推送完成后,等待GitHub同步更新,大概30s。最后,在浏览器输入以仓库名为url的网页,即 https://xxx.github.io
,即可访问你的上线博客主页!后话:Hexo的使用和个性化配置见下一篇博客文章。
是不是很amazing,很easy!爱了有没有!Hexo帮我们自动完成网站的搭建和渲染,无需理解背后javascript实现,只要我们完成配置即可,使得我们可以把关注重点放到博客内容上。妙啊!
关键词:系列