无损创建手机端个人站点
效果预览:https://example-site.github.io/
准备:
- Windows电脑。
- GitHub账号。
步骤一:安装GitHub桌面客户端
- 从GitHub官网下载并安装GitHub桌面客户端。
- 打开客户端,登录您的GitHub账号。
步骤二:选择模板创建站点
- 在客户端主界面,点击“创建站点”按钮。
- 选择“无框架免费站点”,填写站点名称等信息。
- 选择默认主题或导入自定义主题。
- 接受条款并确认创建。
步骤三:配置个性域名
- 右键点击您的站点,选择“设置”。
- 在“域名”选项卡中,添加您购买的个性域名。
- 确认后,系统会自动为您的站点生成CNAME文件。
步骤四:搭建静态网站
- 下载并安装Node.js(https://nodejs.org/)。
- 安装Hexo框架(在命令行中执行
npm install -g hexo
)。 - 在站点目录下创建一个名为
.github
的文件夹,并设置只读属性。 - 执行以下命令初始化Hexo:
git clone https://example-site.github.io/.github example-site cd example-site npm install
步骤五:编写文章
- 在博客根目录下新建一个名为
_posts
的文件夹,用于存放文章文件。 - 在命令行中执行以下命令创建一篇新文章:
hexo new "标题"
- 编辑文章内容,支持Markdown、HTML等多种格式。
步骤六:部署站点
- 生成静态网站:
hexo generate
- 部署到GitHub Pages(在命令行中执行
hexo deploy
)。 - 访问您的个人站点:https://example-site.github.io/。
进一步深化操作过程:
- 自定义配置:编辑根目录下
_config.yml
文件,根据需要修改站点设置。 - 主题切换:选择并下载一个喜欢的Hexo主题,替换根目录下的
theme
文件夹。 - 扩展插件:安装一些Hexo插件以增强功能。
通过以上步骤,您就可以拥有一款美观、易用的手机端个人站点!