如何搭建一个一样的博客网站?请看这里
# 一、介绍
首先,搭建一个这样的博客网站,本身并不复杂,甚至可以说简单(当然,在你不自主开发主题的情况下),你只需要了解 Js+Vue+VuePress即可。 博主从看见别人的博客,到自己开始搭建,总耗时三天,并且还是拖拖拉拉的状态下完成的,如果你认真的话,我相信你甚至不需要一天就能搞好,是不是 so easy。那么 就让我们开始吧。
# 二、VuePress
本博客是基于尤大大(尤雨溪)开发的 一款免费开源的 极简网站生成器 VuePress (opens new window) + vuepress-theme-reco (opens new window) 主题 构建而成,如果你还不知道 VuePress 是什么东西,那么我推荐你去 Bilibili看一下这两个视频,或者是去官网学习(官网学习比较快,但是新手入门比较困难,推荐两个道路相辅相成)。
- bilibili 一步步搭建 VuePress 及优化 (opens new window)
- bilibili 1小时带你搭建vuepress高大上个人博客(极速上手版) (opens new window)
建议你两个视频都看,先看第一个。
# 三、VuePress-theme-reco
当你看完以上两个视频过后,你会发现你搭建的博客是类似 Vue 官网风格的,例如:
但是你看见的大多数个人博客并不是那些风格,例如:
此时 你需要了解 VuePress-theme-reco (opens new window),这是一位大佬开源的一款 VuePress 主题。使用它你就能使用极少的配置搭建一款不错的个人博客。
# 四、学会利用github
如果你实在是懒得自己搭建,你也可以直接在github上面克隆或是下载我的main分支,我本身也是站在巨人的肩膀上面搭建的
VueBlog链接地址 (opens new window)
在确保自己的电脑有node环境(推荐使用npm包管理器之前换一下源)之后使用npm install安装所需依赖以及npm run serve就可以在 http://localhost:8080/ 看到效果了
(opens new window)
祝君成功!