无损创建手机端个人站点

无损创建手机端个人站点

效果预览:https://example-site.github.io/

准备:

  1. Windows电脑。
  2. GitHub账号。

步骤一:安装GitHub桌面客户端

  1. 从GitHub官网下载并安装GitHub桌面客户端。
  2. 打开客户端,登录您的GitHub账号。

步骤二:选择模板创建站点

  1. 在客户端主界面,点击“创建站点”按钮。
  2. 选择“无框架免费站点”,填写站点名称等信息。
  3. 选择默认主题或导入自定义主题。
  4. 接受条款并确认创建。

步骤三:配置个性域名

  1. 右键点击您的站点,选择“设置”。
  2. 在“域名”选项卡中,添加您购买的个性域名。
  3. 确认后,系统会自动为您的站点生成CNAME文件。

步骤四:搭建静态网站

  1. 下载并安装Node.js(https://nodejs.org/)。
  2. 安装Hexo框架(在命令行中执行npm install -g hexo)。
  3. 在站点目录下创建一个名为.github的文件夹,并设置只读属性。
  4. 执行以下命令初始化Hexo:
    git clone https://example-site.github.io/.github example-site
    cd example-site
    npm install
    

步骤五:编写文章

  1. 在博客根目录下新建一个名为_posts的文件夹,用于存放文章文件。
  2. 在命令行中执行以下命令创建一篇新文章:
    hexo new "标题"
    
  3. 编辑文章内容,支持Markdown、HTML等多种格式。

步骤六:部署站点

  1. 生成静态网站:
    hexo generate
    
  2. 部署到GitHub Pages(在命令行中执行hexo deploy)。
  3. 访问您的个人站点:https://example-site.github.io/

进一步深化操作过程:

  1. 自定义配置:编辑根目录下_config.yml文件,根据需要修改站点设置。
  2. 主题切换:选择并下载一个喜欢的Hexo主题,替换根目录下的theme文件夹。
  3. 扩展插件:安装一些Hexo插件以增强功能。

通过以上步骤,您就可以拥有一款美观、易用的手机端个人站点!

author