banner
NEWS LETTER

如何制作本网站

Scroll down

个人网站的经验

写在前面

下面所要讲的只是个人博客的搭建,类似于个人主页,可以投放文章、图片、视频、音乐等。个人网站有很多种搭建途径,现主要介绍本人正在使用的HEXO

你需要准备的

类别 具体
设备 一台Windows电脑(其余系统本人未尝试)
网络环境 需要能够访问GitHub、一个域名(可选)
软件环境 Node.js、Git、npm、任意比较正经的json编辑器(VsCode较为轻量,推荐)、Typora(推荐)、PicGo(可选)
存储环境 一个位于你本机合适位置的存放博客文件的目录、一个图床(详见下文)
个人能力 知晓md语法、认识中文、懂得如何访问Github、认识相关英文单词、有良好的归档能力、有debug能力或良好的提问习惯、有自己看的过去的审美、一点点json语法

你需要做的

  1. 打开搜索引擎,键入“HEXO”,打开任意教程(含官方),学习步骤并操作,直至成功初始化你的博客页面。
  2. 在官方或互联网上挑选你喜爱的HEXO主题,建议挑选文档完备且在维护的(有较强前端码力的请忽略),并应用。
  3. 依照你挑选的主题文档在你的本机创建相关目录,放入你喜欢的文章或图片等。
  4. 更新、维护、debug,直至大功告成。

关于图床

为什么

你发布在文章中的图片在互联网其他人访问查看时需要一个公用的链接。

怎么用

将图片放在你的图床中,将图床吐给你的图片链接贴在md文档中即可。

一些经验

  1. 可以直接新建使用GitHub的一个仓库用于存放你的图片,坏处在于国内访问GitHub神鬼不定,容易加载失败,使用cdn加速也仅仅是有所改善而已。
  2. 网络上杂七杂八的免费图床很多,不建议用,容易跑路导致全部丢失。
  3. 可以使用付费服务,华为云、阿里云、腾讯云等的OBS服务都是不错的选择,物美价廉,几元一年数十GB空间,绰绰有余。
  4. 上面表格提到的PicGo可以在这里使用,具体请移步搜索引擎。

关于域名

如果你想要定制域名,请向各大服务商购买。

建议使用HEXO自带的地址即可。

关于扩展

HEXO是很强大的一款框架,各个比较著名的主题也很强大,很多功能都可塞入,可以多多探索。

可能遇到的问题

在配置nodejs与npm环境时可能遇到问题,按照报错搜寻并且解决即可。

在编辑前端页面时可能遇到问题,建议搜索主题作者文档,或直接联系主题作者解决,不建议个人修改源码。

我的网站

幸得相识 (marweey.github.io)

其他文章
目录导航 置顶
  1. 1. 个人网站的经验
    1. 1.1. 写在前面
    2. 1.2. 你需要准备的
    3. 1.3. 你需要做的
    4. 1.4. 关于图床
      1. 1.4.1. 为什么
      2. 1.4.2. 怎么用
      3. 1.4.3. 一些经验
    5. 1.5. 关于域名
    6. 1.6. 关于扩展
    7. 1.7. 可能遇到的问题
    8. 1.8. 我的网站
请输入关键词进行搜索