时间:2023-08-02 19:30:02 | 来源:网站运营
时间:2023-08-02 19:30:02 来源:网站运营
<建站系列-一> GitHub+Hexo建站:本文章首发于笔者博客,欢迎关注~前言:
GitHub本身自带的Jekyll可以直接构建最简单的个人网站,但定制性较差,而Hexo提供更丰富的个性化定制。GitHub+Hexois 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实现,只要我们完成配置即可,使得我们可以把关注重点放到博客内容上。妙啊!
关键词:系列