原创投稿
  1. 扬帆号首页
  2. 投稿
  3. 杂谈

博客制作教程（用html制作个人博客）

小多多 • • 杂谈

第一章

介绍一个开源的个人博客框架hexo，展示如何使用它快速搭建个人博客，并发布到github

准备

  • Node环境
  • Git工具
  • GitHub账号

搭建

1.下载

npm i -g hexo-cli

2.初始化

hexo init

命令执行时会自动下载一个默认主题，这样一个初始化的博客网站就搭建成功了，接下来就可以启动了。

3.启动

hexo s

启动成功后，打开浏览器，访问提示端口

博客制作教程（用html制作个人博客）

2.使用markdown编辑器编辑好内容，保存退出！

3.先清除

hexo clean

再生成

hexo g

4.最后再次启动

hexo s

就可以看到自己写的博客了

博客制作教程（用html制作个人博客）

2.修改配置

下载完成后，修改配置文件_config.yml,将theme换成自己要换的主题名

博客制作教程（用html制作个人博客）

发布

到目前为止，我们创建的博客只能在本地运行，只能本地主机访问，这样的博客网站是没有任何意义的，因此，我们要将它发布到服务器上，这里我们采用一个免费的方式，将它发布到github上

1.创建仓库

点击加号后，选择new repository

博客制作教程（用html制作个人博客）

2.安装插件

hexo-deployer-git：用将博客网站发布到远端的插件

切换到blog/下，进入控制台



3.修改配置文件


打开_config.yml，找到最底修改为


博客制作教程（用html制作个人博客）


这样我们可以直接使用仓库名进行访问，例如：


我这里使用：http://chenhr24.github.io访问


博客制作教程（用html制作个人博客）


结语
本文给大家介绍了一种快速搭建个人博客网站的方式，并将博客网站发布到GitHub上。当然，这里只是使用了hexo搭建一个建议的网站，如果想要做的更加美观，可以之后再做完善！


大家可以花几十分钟试着创建一个自己的博客网站，遇到什么问题欢迎评论区留言讨论！！


                        






 赞 (0)










小多多的头像小多多创始人                                        






 0                                         0                                                                            


















相关推荐
                        






发表回复 
登录后才能评论