gitleb+hexo部署搭建博客

当你想发布自己的想法,或者学习内容时。这个时候可能你的选择就是在各大平台发布,比如说:简书、csdn、掘金等一些公开的平台。但是这样你的数据就是属于别人了,如果有一天那个平台关闭了,那不是你的多年记录的内容都没有了。可想而知你当时的心情是多么丰富多彩。转念一想那我自部署一个项目,那你不是需要购买服务器,拥有一个随时可以访问的节点。但是这只是以一个个人记录的博客,感觉没有必要额外出现一笔开销。

所以了这是个时候你就可以结合hexo与github/gitlab仓库做一个个人博客的快速部署,基本三分钟搞定。搞不定的话,那就说明你还需要提高自己的手速了。

进入正题:直接上操作指令

# 首页安装hexo-cli,如果你没有npm指令,请下载安装nodejs
npm install hexo-cli -g
# 查看hexo的版本信息,看是否安装成功了
hexo -v 
#创建项目,blog是你的项目名
hexo init blog
#进入创建的项目
cd blog
#安装依赖
npm i
#创建你的第一篇博客
hexo new "hello world" 
# INFO  Validating config
# INFO  Created: ~/Desktop/open_source_project/blog/source/_posts/hello-world-1.md
# 编译内容
hexo g
#启动服务,查看编写 内容
hexo s
会自动给你生成对应的md文件,可能这个你需要熟悉下markdown语法了。

这个时候你的本地项目就已经建好了,现在只需要提交到gitlab了。(我这里只说明了gitlab,github的可以研究一下,比这个简单一点)

在gitlab创建 一个公开的项目,项目名:<你的 GitLab 用户名>.gitlab.io
# 在你的项目根目录下创建.gitlab-ci.yml,然后添加如下内容。注意这个node的版本最好和你本地的一致,only的值最好是你要展示的分支
image: node:10-alpine # use nodejs v10 LTS
cache:
  paths:
    - node_modules/

before_script:
  - npm install hexo-cli -g
  - npm install

pages:
  script:
    - hexo generate
  artifacts:
    paths:
      - public
  only:
    - main

把你的项目添加到创建的gitlab仓库中

#初始化本地仓库
git init
#添加远程git地址,jevonk是我的gitlab用户名
git remote add origin https://gitlab.com/JevonK/jevonk.gitlab.io.git
#添加需要管理文件
git add .	
#提交内容
git commit  -am "page"
#强行推送到远程, 注意可能遇到主分支是受保护的,无法推送。自行百度处理
git push -f origin main

现在可以https://<你的 GitLab 用户名>.gitlab.io去访问你的blog了。这里域名也是可以更换的,大家有兴趣可以去学习一下。

最后说明一下hexo还有很多不一样的主题,大家可去任意挑选。如果有时间的话,也可以自主开发主题。

其官方地址:Hexo

你可能感兴趣的:(git,github)