当前位置:   article > 正文

基于github搭建自已的个人博客_如何在gitup搭建个人博客

如何在gitup搭建个人博客

  昨天搭建了基于github 的个人博客,在此记录搭建过程。

1. 环境准备

1.1 git

1.2 nodejs

1.3 hexo

1.安装命令:

npm install hexo -g
  • 1

2.测试是否安装成功

hexo -v
  • 1

3.安装hexo依赖

npm install --save hexo-deployer-git
  • 1
常用的hexo的基本命令
  • 1
hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #部署到GitHub
hexo help  # 查看帮助
hexo version  #查看Hexo的版本
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

2. 搭建博客

2.1 创建一个文件夹用于保存博客,并进入这个文件夹中初始化个人博客

hexo init
  • 1

2.2 生成静态网页

hexo g
  • 1

预览

hexo s
  • 1

2.3 部署到github

1. 新建一个github仓库 ,命名为:用户名.github.io
2. 在博客存放目录在下找到_config.yml文件并编辑
  • 1
  • 2
deploy:
  type: git
  repository: git@github.com:LWWm/LWWm.github.io.git
  branch: main
  • 1
  • 2
  • 3
  • 4
3. 发布到github,之后就可以在浏览器通过https://lwwm.github.io/访问
  • 1
hexo d
  • 1

2.4 编写博客

  1. 新建名称为“my first blog”的博客
hexo new 'my first blog'
  • 1
可以看到在Blogs\source\_posts目录下新生成了对应的.md文件,在其中可以编辑博客内容。
  • 1
  1. 编写完成之后可以部署到github
hexo g      //生成html文件
hexo d      //上传到github
  • 1
  • 2
  1. 再次访问https://lwwm.github.io可以看到效果
参考

link https://www.cnblogs.com/chenlove/p/15058170.html

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/702069
推荐阅读
相关标签
  

闽ICP备14008679号