站点搭建起步
# 前言
本系列文章是根据本站点的搭建过程,记录的搭建过程,所有文章也只基于本站点,如果你也想搭建一个和我一样的博客网站,克隆本站点代码按步骤即可快速0成本搭建,希望对大家有所帮助。
优势:
- 本站点基于vuepress搭建,只需要会一点html,css,js即可,无需要后端;
- 简洁高效,高度自定义配置,支持自定义导航栏,侧边栏,页脚,主题,插件等;
- 自动化流水线发布上线,无需重复部署,只需要提交代码即可,自动发布;
- 文章采用markdown语法,支持图片上传,支持代码高亮,支持代码复制等:
- 支持文章目录,支持文章标签,支持文章分类,支持文章搜索,支持文章评论,置顶等;
- 百度定时推送,让你的站点自动收录,自动更新;
- 更多功能及优势等你解锁...
# 常见问题
# 需要购买服务器吗?
不需要,有很多免费的平台可以托管静态网站,可使用免费的github pages,也可以使用免费的gitee pages等,如果你不缺钱也可以购买云服务器,只要能访问到你的站点即可。
注:文末整理了一些免费的托管平台。
# 需要会后端,前端吗?
不需要,本站点是基于vuepress搭建的,只需要会一点html,css,js即可,不需要后端,也不需要前端,只需要会一点html,css,js即可。
# 如何发布自己的文章?
只需要在docs目录下新建md文件,按照md格式写文章即可,然后提交到git仓库,即可在站点上看到你的文章。
# 起步
- 项目代码克隆 下载本站点代码到本地,使用git命令,或者直接下载zip包。
git clone https://github.com/FireHH/Java-essay.git
导入项目到idea或者vscode 目录结构
安装依赖
npm install
- 启动项目
npm run dev
- 启动成功后,浏览器访问http://localhost:8080/即可看到本站点。
# 免费托管平台
GitHub 页面 - https://pages.github.com/
Netlify - https://www.netlify.com/
亚马逊 S3 - https://aws.amazon.com/s3/
Firebase 托管 - https://firebase.google.com/products/hosting/
Vercel(以前称为 ZEIT Now)- https://vercel.com/
激增 - https://surge.sh/
GitLab 页面 - https://docs.gitlab.com/ee/user/project/pages/
Bitbucket - https://bitbucket.org/product/features/pages
GitBook - https://www.gitbook.com/
渲染 - https://render.com/
谷歌云存储 - https://cloud.google.com/storage/
DigitalOcean 空间 - https://www.digitalocean.com/products/spaces/
Cloudflare 页面 - https://pages.cloudflare.com/
Azure 静态 Web 应用 - https://azure.microsoft.com/en-us/services/app-service/static/
AWS Amplify - https://aws.amazon.com/amplify/