美文网首页hexo使用
使用Hexo搭建个人博客-安装站点

使用Hexo搭建个人博客-安装站点

作者: xiangpengm | 来源:发表于2019-03-03 23:27 被阅读0次

    初始化站点

    运行hexo init "folder_test"命令即可初始化一个hexo静态网站,运行日志如下

    INFO  Cloning hexo-starter to ~/Desktop/temp/test
    Cloning into '/Users/xiangpeng/Desktop/temp/test'...
    remote: Enumerating objects: 3, done.
    remote: Counting objects: 100% (3/3), done.
    remote: Compressing objects: 100% (3/3), done.
    remote: Total 71 (delta 0), reused 0 (delta 0), pack-reused 68
    Unpacking objects: 100% (71/71), done.
    Submodule 'themes/landscape' (https://github.com/hexojs/hexo-theme-landscape.git) registered for path 'themes/landscape'
    Cloning into '/Users/xiangpeng/Desktop/temp/test/themes/landscape'...
    remote: Enumerating objects: 8, done.        
    remote: Counting objects: 100% (8/8), done.        
    remote: Compressing objects: 100% (8/8), done.        
    remote: Total 885 (delta 1), reused 5 (delta 0), pack-reused 877        
    Receiving objects: 100% (885/885), 2.55 MiB | 16.00 KiB/s, done.
    Resolving deltas: 100% (464/464), done.
    Submodule path 'themes/landscape': checked out '73a23c51f8487cfcd7c6deec96ccc7543960d350'
    INFO  Install dependencies
    yarn install v1.13.0
    info No lockfile found.
    [1/4] 🔍  Resolving packages...
    warning hexo > titlecase@1.1.2: no longer maintained
    [2/4] 🚚  Fetching packages...
    [3/4] 🔗  Linking dependencies...
    [4/4] 🔨  Building fresh packages...
    success Saved lockfile.
    ✨  Done in 23.58s.
    INFO  Start blogging with Hexo!
    

    站点目录结构

    在生成的站点目录中有如下文件及子文件夹

    |-- _config.yml   # 网站的主配置文件
    |-- node_modules  # nodejs 依赖包的本地安装目录
    |-- package.json  # npm(nodejs package manager) 依赖的配置文件
    |-- scaffolds     # 网站页面模板文件存放目录
    |-- public        # 生成的静态网站存放目录(初始话时没有此目录,只有在运行 hexo generate时才会生成)
    |-- source        # 文章存放目录
    |-- yarn.lock     # yarn(一个与npm相似的包管理攻击) 依赖的配置文件
    

    生成页面和启动预览

    我们在生成的站点的根目录运行hexo g即可生成静态页面,这时运行hexo s可在本地打开一个预览web服务器来查看站点的效果站点的默认站点为http://localhost:4000

    cd "folder_test" # 进入测试目录
    hexo g           # 同 hexo generate 生成hexo静态页面(public 目录下)
    hexo s           # 同 hexo server 启动hexo自带的web服务器预览页面
    
    启动页面

    相关文章

      网友评论

        本文标题:使用Hexo搭建个人博客-安装站点

        本文链接:https://www.haomeiwen.com/subject/wnyvuqtx.html