由于需要将网站托管到相应的平台,并能够提供静态网站部署的功能,以下这些平台都可以进行网站托管。当然,自己的云服务器也需要另外的方式进行部署。
以下的账号或者服务器,小伙伴们自行选择一个即可:
百度网盘账号
百度网盘:全球知名的文件存储和分享平台,作为一个网络用户不得不关注的地方。如果你还没有百度网盘账号,需要反思一下自己了。百度网盘网站地址自行进行注册,这里就不多赘述。
GitHub账号
GitHub是由GitHub Inc. 开发的一款面向开源及私有软件项目的托管平台,使用MIT许可证的基于网络的Git仓库管理工具,且具有wiki和issue跟踪功能。使用Git作为代码管理工具,并在此基础上搭建起来的web服务。GitHub由多个程序员共同开发,它使用Rust语言写成,后来一些部分用Go语言重写。
截止到2023年7月,该公司约有100名团队成员,以及多名开源贡献者。GitHub被世界各地的大公司和开源社区广泛使用。GitHub网站地址自行进行注册,这里就不多赘述。
Coding账号
Coding是基于云计算技术的软件开发平台,集项目管理、代码托管、运行空间、质量控制为一体。在云计算时代,Coding推动软件开发的云端化,使开发者能用一个浏览器完成开发的各个环节。
开发人员可以专心构建业务问题的解决方案,而非管理运营或发布堆栈,确保应用满足产品层目标服务等级,同时更为企业层级的项目应用提供了代码质量检验以及项目质量把控的渠道和标准。在保证私有项目的数据安全和稳定的同时,Coding还结合了冒泡及评论、公开项目发布与讨论等一系列社交化协作功能,打造具有技术支撑的开发者社区。
Coding网站地址自行进行注册,这里就不多赘述。
一台云服务器
这个看个人的考虑了,如果自己已经有了服务器,那么在服务器上安装Apache将你的网站项目编译后的静态文件放到Apache的目录下就可以进行访问了。
一个域名是否需要域名,小伙伴们自行考虑,可以到阿里云、华为云、腾讯云等云平台进行域名注册。阿里云、华为云、腾讯云如何进行域名注册:手把手教你注册自己的域名。
部署以上所需准备的工作准备好以后,开始进行部署。由于本人是利用百度网盘和GitHub进行部署的,其他的部署方式,不做过多的展开。
为什么选择Coding进行部署?
因为它是国内的平台,相较于GitHub、GitLab访问速度会快很多。
GitHub Pages
首先需要准备一个GitHub仓库命名必须是你的用户名.github.io比如我的GitHub地址是:https://github.com/trimphxx那么我的仓库名必须为:trimphxx.github.io准备发布文件deploy.sh在你本人的项目根目录下创建deploy.sh文件内容如下:
#! /usr/bin/env sh
# 确保脚本抛出遇到的错误
set -e
# 生成静态文件
hugo
# 进入生成的文件夹
cd public/
# 如果是发布到自定义域名
echo 'blog.trimphxx.com.cn' > CNAME
git init
git add .
git commit -m '博客更新发布'
git push -f https://github.com/trimphxx/trimphxx.github.io.git master:master
GitLab CI
在docs/vepress/config.js中设置正确的base。
如果你打算发布到https://gitlab.io/,则可以省略这一步,因为base默认即是""。
如果你打算发布到https://gitlab.io//(也就是说你的仓库在https://gitlab.com/),则将base设置为"/"。
在.vepress/config.js中将dest设置为public。
在你项目的根目录下创建一个名为.gitlab-ci.yml的文件,无论何时你提交了更改,它都会帮助你自动构建和部署
image: node:12
pages:
cache:
paths:
- node_modules/
- vendor/
commands:
- hugo
artifacts:
paths:
- public/
服务器在服务器上安装Apache将你的网站项目编译后的静态文件放到Apache的目录下,就等于部署成功了。
Coding部署
作者重点介绍一下基于Coding,在小伙伴们有Coding账号前提下(没有请去注册:Coding官网)登录Coding网站,进行注册。注册完成后,登录你的Coding网址为:https://团队名.coding.net/创建你的代码仓库项目 –> 创建项目 –> 代码托管项目如,创建的你的博客项目为blogs。
创建完项目后,到你的主页,找到部署控制台点击创建应用,填写信息创建部署流程,并创建关联项目生成SSH公钥生成你的SSH公钥参考:Coding生成SSH公钥。
编辑配置文件生成SSH公钥,需要配置一下,在你的电脑SSH公钥目录下先新建一个文件config内容如下:
# Host自己填一个名称 不要带中文就行
Host CodingTrimpHxx
# 这里是网站地址
HostName coding.net
# 使用的git
User git
# coding对应的私钥
IdentityFile ~/.ssh/私钥名称
编写发布脚本
在你的项目下,创建deploy.sh文件内容如下:
#! /usr/bin/env sh
# 确保脚本抛出遇到的错误
set -e
# 生成静态文件
hugo
# 进入生成的文件夹
cd public/
# 如果是发布到自定义域名
echo 'blogs.trimphxx.com.cn' > CNAME
git init
git config user.name "你的Coding用户名"
git config user.email "你的Coding注册邮箱"
git add .
git commit -m 'deploy-coding'
git push -f git@CodingTrimpHxx:trimphxx/blogs/blogs.git master:master
在你的终端执行如下命令:
sh deploy.sh
配置持续部署模块发布完成后登陆你的Coding进入到代码仓库,就能够看到编译后文件。这时,需要给你项目配置持续部署功能模块。
点击右下角项目设置,功能开关按钮,将持续部署打开。
配置持续发布打开持续部署功能后,返回项目管理界面,点击持续部署 –> 静态网站,点击立即发布静态网站,填写基本信息,选择推送到master分支触发构建。
点击保存。立即部署配置完成持续发布后,系统将给你分配一个临时域名,点击立即部署。
小伙伴们,如果有自己的域名到你的域名中心配置即可。
配置域名小伙伴们,如果有自己的域名,到你的域名中心配置即可,点击右上角的设置按钮,进入设置页面,设置需要绑定的域名。CNAME是临时分配给你的域名。
域名解析还不会?手把手教你进行访问输入你的绑定的域名进行访问。
小结好啦,小伙伴们,到此,个人网站项目就完成了部署上线,主要说的是两种部署方式,基于GitHub Pages和Coding部署方式,重点是Coding的部署方式。
更多精彩内容,欢迎扫码。