Nuxt.js
使用 GitHub Actions 自动部署 Nuxt 站点到 GitHub Pages
2020-11-23 02:20

背景

GitHub Pages 相信大家都不陌生,它是 GitHub 推出的一项静态站点托管服务,能将 GitHub 仓库中的 HTML、CSS 等发布为网站,也可以通过 Jekyll 将 Markdown 创建为静态网站。让没有主机的人,可以把产品的首页、个人博客免费托管在 GitHub Pages 上。GitHub Pages 还提供了二级域名,个人首页为 https://username.github.io,项目首页为 http://username.github.io/repository

GitHub Actions 则是 GitHub 前段时间推出的自动化流程工具,可以用于执行 CI/DI (持续集成和持续部署)作业等。

Nuxt 经常读我博客的朋友一定都很熟悉了,我的博客就是使用 Nuxt 开发的,它是一款基于 Vue.js 的 Web 框架,提供了包括 SSR(服务器端渲染)、静态化等功能。

阅读全文
实战减小 Vue 项目的打包体积
2020-08-15 16:17

本文内容使用 NuxtJS 2.14.1 (其中 vue 为 2.6.11, webpack 为 4.44.1) 和 Ant Design of Vue 1.6.4。因为版本和不同类库造成的差异请大家多进行搜索。

问题

用 NuxtJS 开发博客以来,一直有一些体验上的问题,这次正好有时间,便来优化一下,目前的问题主要有:

  • 依赖的 js css 文件较大
  • 服务器端渲染生成的 HTML 较大

导致访问速度较慢,特别是首次加载。

阅读全文
使用 Nuxt.js 搭建博客前端
2019-11-10 13:24

背景

从开始筹划开发博客起,我就深陷选择困难症……是使用熟悉的 ASP.NET MVC 技术包办前后端,还是用其它技术生成纯 HTML 静态站点,抑或开发成时下流行的 SPA ?由于工作中多用后端技术,一直很想试试玩一些不一样的东西,于是选择了 SPA 的方案。然后选择题又出现了:是使用 React,Angular 还是 Vue?UI 框架用 Element,Antd,Vuetify,Material-UI……?

本文不对比这些方案,反正我最终决定使用 Vue + Antd 来搭建博客前端。但是基本雏形出现后遇到了未曾预料的问题:作为一个博客站点,最重要的是能被人浏览,而一个名不见经传的小博客除了去论坛里宣传,更重要应该是被搜索引擎收录,也就是需要做 SEO ,比如每个页面有 title(位于 <title> 中) 和 description(位于 <meta> 中)。

阅读全文
Load more
July 2025
Su
Mo
Tu
We
Th
Fr
Sa
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
快速入门ASP.NET.NET CoreIPv6K3sKubernetesNuxt.jsRazor PagesVue前端开发服务器端开发树莓派软件推荐配置DebianDockerJavaScriptLinuxNginxPrometheus 查看全部
An unhandled error has occurred. Reload 🗙