zoukankan      html  css  js  c++  java
  • 黑历史【从零开始】- 搭建《以平行宇宙为基础既可以用文字,还可以用图片,视频也没有问题的讲故事网站》-2 起步(主页面的完成与发布)

    《001 - 开发环境》写的乱七八糟的,但相信大家已经都会了(感觉稍微学过的水平水平就在咱之上了 @@),现在终于要进入正题了!!!
    原本想前后台一起写的,突然发现先把前台写完可以尽早装逼就准备先写后台了 =
    =!

    一:使用 Git 和 GitHub 管理《以平行宇宙为基础既可以用文字,还可以用图片,视频也没有问题的讲故事网站》

    因为先把框架搭建好,再创建一个空的仓库,在使用首次上传上传到 GitHub 比较麻烦。所以咱一般都先创建带 README 文件的仓库,然后克隆下来开始项目。

    1. 在 GitHub 上创建一个名字非常拉风的仓库,描述就用翻译软件翻译一下就显得十分叼,最后勾上 Initialize this repository with a README,点击原谅色的 Create repository 的按钮就完成了。
      image
    2. 然后在刚刚建的仓库首页点击原谅色的 Clone or download 复制链接地址
    3. 在然后在桌面打开 Git Bash 输入git clone git@github.com:1010543618/jffun-story---page.git(git@github.com:1010543618/jffun-story---page.git 是刚刚复制的地址),这时桌面上就克隆下来当前项目的文件夹。

    二:安装 bs,jq,vue,glup 等能用的上的工具和框架码前台页面

    感觉 vue 用 html 代替 js,比 react 的用 js 代替 html 直观一些。。。(其实俩都是刚学)
    Bootstrap 起步:http://v3.bootcss.com/getting-started/
    npm 安装 bs:

    1. 初始化 npm:打开 Git Bash 输入npm init,然后一直回车
    2. 安装 bs:npm install bootstrap@3 --save-dev
    3. 安装 jQuery:npm install jquery --save-dev
    4. 安装 vue:npm install vue --save-dev
    5. 安装 glup

    三:开始偷税地写主页面就行了

    四:使用 GitHub Page 展示

    注意:GitHub Page 的 URL 不能使用下划线,所以要把 node_modules 的下划线换成别的,或者使用 cdn 什么的。

    五:主页面

  • 相关阅读:
    HLG 1522 子序列的和【队列的应用】
    POJ 3273 Monthly Expense【二分】
    HDU 4004 The Frog's Games 【二分】
    POJ 2001 Shortest Prefixes【第一棵字典树】
    POJ 2823 Sliding Window【单调对列经典题目】
    HDU 1969 Pie 【二分】
    POJ 3125 Printer Queue【暴力模拟】
    POJ 3250 Bad Hair Day【单调栈】
    字典树【模板】
    验证码 Code
  • 原文地址:https://www.cnblogs.com/jffun-blog/p/11042945.html
Copyright © 2011-2022 走看看