← 返回 TimeAmber
Y-Blog Logo
• 相关页

零基础低成本搭建静态博客网站

Image text

搭建一个静态博客网站是表达和分享个人知识与见解的一个不错的方式。在进行搭建之前,我们需要选择适合自己需求的搭建方式。搭建方式包括手动编写HTML、CSS、JS代码,对于零基础或者想要更快速搭建博客的人来说,使用高度模板化的网站建设平台是一个不错的选择,包括诸如Hexo、WordPress、Wix等平台。其中,Hexo是一个基于Node.js的快速、简洁的博客框架,它支持Markdown语法,可以方便地进行文章编写和管理。

以下将介绍如何通过Hexo搭建静态博客:

安装

• 安装 Node.js

Node.js 为大多数平台提供了官方的 安装程序

使用 Node.js 官方安装程序时,请确保勾选 Add to PATH 选项(默认已勾选)

• 安装运行Hexo

Win+X ,点击运行Windows Powershell,输入命令:npm install -g hexo-cli命令已复制

创建文件夹作为安装路径如D:/REPOS,进入安装路径命令:cd D:/REPOS命令已复制

输入命令创建项目 如:hexo init yblog命令已复制

输入命令:cd yblog命令已复制

输入命令:npm install命令已复制

输入命令:hexo s命令已复制

Image text

• 预览网页

浏览器访问localhost:4000

现在你已经可以看到默认的hexo页面

Image text

修改文件

• 修改_config.yml

打开yblog文件夹下的_config.yml文件,这是你站点的配置文件。在这里你可以修改站名(title)、副标题(subtitle)、站长(author)等信息,使其更贴合你的个性和主题。

• 修改hello-world.md

进入yblog/source/_posts目录,这是你的博客文章存放的位置。当前只有一个hello-world.md文件,这是默认的博客内容。你可以将它重命名为任何你想要的名称,比如page.md。然后打开这个文件,修改title和文章内容,让它更符合你的主题,如:4202年,人类如何正确的理解和执行AI下达的指令。修改完成后,刷新你的浏览器,就可以看到你新写的文章了。通过不断地添加新的文章(.md文件)和调整站点配置,可以让你的静态博客网站更加丰富和个性化。

• 示例预览

page.md示例:

---
title:4202年,人类如何正确的理解和执行AI下达的指令
---
## 首先
编。。。
## 其次
接着编。。。
Image text

• markdown转换工具

如果不熟悉Markdown语法,你可以先在Word中写好文章,然后使用在线工具将其转换成Markdown格式。你可以搜索关键词"word to markdown"或者"word转markdown"来找到适合你的转换工具。将Word文档转换成Markdown后,再将内容复制粘贴到.md文件中即可。同时Hexo也支持html,因此也可以使用 wordtohtml 等工具,将文本转换成html。

Image text

部署到netlify

将hexo项目上传到github,访问netlify.com,关联github账户,Add new site,import an existing project,选择你的hexo项目,点击Deploy。测试访问netlify随机生成的网址,如friendly-macaron-a72499.netlify.app。

点击edit sitename,输入一个合适的站名,如me,这时,你的网站链接即me.netlify.app。当然,像这样的域名早就被别人使用了。

配置自定义域名(可选)

• 域名购买

域名可以去NameCheap,NameSilo,GoDaddy等平台购买,均支持支付宝付款。

• 将域名指向Cloudflare

在Cloudflare中添加站点,输入域名,复制Cloudflare 提供的 名称服务器(nameserver),在域名注册商网站中,找到 DNS 管理页面。将nameserver更改为 Cloudflare 提供的名称服务器(nameserver)。等待数分钟至一小时生效。

• 在netlify中设置自定义域名

回到netlify的yblog项目,点击Domain management,add a domain,输入自定义域名。

• 添加cname记录

点击cloudflare的DNS,添加记录 ,类型选择cname,名称选择@(如果使用子域名,则输入blog或其他,目标填写你的netlify域名,如friendly-macaron-a72499.netlify.app,点击保存。

Image text

稍等片刻,你就可以通过自定义域名访问你的网站了。

丰富博客内容

• 创作高质量内容

持续发布优质、有价值的内容是吸引读者的关键。确保你的文章内容清晰、准确,并且能够解决读者的疑惑或提供新的见解。

• 优化网站设计

选择一个适合你博客主题的网站设计,保证网站页面简洁、美观,提升用户体验。可以考虑使用 Hexo 主题库中的主题或者自定义主题。

• 添加必要页面和功能

除了文章页面外,还可以考虑添加关于页面、联系页面等。另外,可以添加一些功能模块,如标签云、分类目录、最新文章等,提升网站的功能性和可导航性。

• 社交分享和评论功能

为你的博客添加社交分享按钮,方便读者分享你的文章到社交平台,增加流量和曝光度。另外,考虑添加评论功能,与读者互动,获取反馈和建议。

• SEO优化

确保每篇文章都有相关的关键词,并在文章标题、摘要和内容中合理使用这些关键词,以提升你的博客在搜索引擎中的排名。

• 定期更新和维护

定期更新博客内容,保持博客的活跃度和吸引力。同时,确保网站的加载性能。

• 网络推广

利用社交媒体、论坛、博客等渠道进行网络推广,增加网站的曝光度和访问量。可以通过发布原创内容、参与讨论、与其他博主合作等方式来吸引流量。

• 监控和分析数据

使用工具如 Google Analytics 等来监控网站流量和用户行为,了解访问者的偏好和行为习惯,为网站优化提供数据支持。

关于费用

搭建过程中,唯一会产生费用的是域名购买,一个域名一般价格在十几到上百元一年,具体价格取决于域名的后缀以及注册商的定价政策。如果你不需要自定义域名,则不会产生任何费用。

除此以外,你还可以通过Google Adsense等广告服务来赚取网站广告收益,点击查看 Adsense申请流程

结语

本文介绍了如何使用Hexo搭建静态博客网站的流程。通过Hexo,你可以快速建立自己的博客,并且可以利用Markdown语法轻松编辑和管理文章内容,以及如何将博客部署到Netlify,并且提供了配置自定义域名的可选步骤。

对于想要开始写作、分享知识的新手,Hexo是一个强大而灵活的选择。通过本文提供的步骤,你可以在零基础和低成本的情况下搭建自己的静态博客网站,并且将其部署到互联网上,与世界分享你的想法和见解。

希望本文能够帮助到你,期待看到你的博客在互联网上发光!

2024-04-11 - yfamily

set 限制解除