在gitee中部署VuePress博客

超、凢脫俗 2021-07-25 12:33 878阅读 0赞

首先下载VuePress和博客主题

  1. cnpm i vuepress @vuepress-reco/theme-cli –g

进入文件夹“G:\GiteeRepositories”，并打开dos窗口

  1. theme-cli init lijiang_blog #项目名
  2. cd lijiang_blog 
  3. cnpm i #安装依赖
  4. cnpm run dev #项目运行

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70

（注意：这里有三种可以选，分别是blog，doc,和afternoon xxx，这里选择blog就行。afternoon xxx这个是一个成熟的示例，需要的话可以单独下载参考其代码。doc和blog区别不大）

然后打包，注意，在打包之前，一定要在G:\GiteeRepositories\lijiang_blog\docs\.vuepress中的config.js中添加一行代码，用来设置站点根路径：

  1. base: '/lijiang_blog/' #这里的“Lijiang_blog”为等会在gitee上创建的仓库名

20200506184842385.png

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 1

然后打包：npm run build

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 2

接着去码云新建仓库：https://gitee.com/projects/new

切记：仓库名要小写！！

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 3

gitee上创建仓库后，再去本地磁盘初始化一个文件夹，再将此文件夹连接到gitee仓库。

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 4

依次执行以下的命令

  1. git init
  2. git remote add origin “刚刚创建的项目的http://gitee.com/xxx”
  3. git add .
  4. git commit –m ‘asdf’
  5. git push origin master –u

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 5

点击启动按钮后，不到半分钟就能部署好项目

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 6

这样就可以访问了。这是我部署的：http://lidajiang.gitee.io/lijiang_blog/

后面在本地添加文章后，将项目推送到gitee，点服务按钮，在打开的页面中点击更新就行

发表评论

表情：
评论列表 （有 0 条评论，878人围观）

还没有评论，来说两句吧...

相关阅读