从零开始搭建vuepress博客并使用本地reco主题
发布网友
发布时间:1天前
我来回答
共1个回答
热心网友
时间:23小时前
在 vuepress-theme-reco的基础上修改,仅修改了少量代码。
注意:由于lastUpdate是使用git的提交时间,所以确保在一个git项目中。
在vuepress快速搭建博客的步骤如下:
1. 安装yarn和vuepress,如果已安装则跳过这步;如果没有安装,请参考这篇博客安装yarn和vuepress:conimi.com/archives/145。
2. 快速启动。
在修改部分对文章时间格式进行调整如下:
1. 文章时间格式由:2021/01/13 上午8:00:00 改为 2021-01-13。
找到theme/components/PageInfo.vue组件,从68行的 formatDateValue开始,原始内容如下:
修改为:
说明:toLocaleString()在未设置参数的情况下(语言zh)返回:2021/01/13 上午8:00:00,原始的代码通过split方法从空格处进行分割,获得字符串数组,取第一个值,也就是获得了年/月/日(2021/01/13)。在edge和firefox下没有问题,但是在chrome下,由于toLocaleString()返回:2021/01/13上午8:00:00,不包含空格,无法正常分割取到年月日。
toJSON()方法返回的形式:2021-01-13T23:15:30.000Z,以字符 T 作为分割,取获得的数组第一个对象:2021-01-13。
对lastUpdated时间格式调整如下:
找到theme/components/Page.vue组件,修改方法同上。
在注意部分,温馨提醒如下:
一旦误操作升级了或者无法生成静态文件,可以拷贝本项目下的yarn.lock 文件覆盖本地文件。yarn.lock 文件地址:github.com/To2rk/vuepre...
再使用命令yarn install 重新安装。
从零开始搭建vuepress博客并使用本地reco主题
在 vuepress-theme-reco的基础上修改,仅修改了少量代码。注意:由于lastUpdate是使用git的提交时间,所以确保在一个git项目中。在vuepress快速搭建博客的步骤如下:1. 安装yarn和vuepress,如果已安装则跳过这步;如果没有安装,请参考这篇博客安装yarn和vuepress:conimi.com/archives/145。2. 快速启动。...
Githubactions重塑你的BlogWorkflows
FROMnginxCOPY./docs/.vuepress/dist/usr/share/nginx/html/COPY./vhost.nginx.conf/etc/nginx/conf.d/blog.confEXPOSE80这个配置文件我相信大家都可以读懂,所以下一步,我们需要在项目的更路径上新建一个nginx的配置文件vhost.nginx.conf server{listen80;server_namelocalhost;location/{root/usr/share...