0부터 자신만의 블로그를 세우다

13125 단어 수필.
  • 환경: Mac OS X Yosemite
  • 버전: 10.5
  • 앞에서 말한 바와 같이 선배들의 경험을 종합하고 연마를 통해 마침내 자신만의 블로그 사이트를 성공적으로 배치하여 전체적인 사고방식을 정리하고 필요한 사람에게 도움을 주기를 바란다.작성이 비교적 급하기 때문에 묘사가 자세하지 못할 수도 있습니다. 문제가 있으면 댓글로 교류하는 것을 환영합니다!
  • 카탈로그:
  • 등록 Github Repository 생성
  • 도메인 등록 옵션
  • brew
  • 설치
  • 설치 Git
  • Node 설치
  • Hexo
  • 설치
  • 구성 Hexo
  • 배포 및 배포
  • FAQ
  • 참조 링크


  • 1. Github 등록, Repository 작성
    웹 주소를 열려면 다음과 같이 하십시오.https://github.com, 자신만의 Github 계정을 등록하고 계정을 가진 후 로그인하여 Repositories에 들어가 자신의 사용자 이름으로 +를 만듭니다.github."io"에서 만든 Repository(창고), 예를 들어 제 사용자 이름이xiaoyaoyou121이면 창설된 창고명은xiaoyaoyou12122.github.io, 이렇게 해서 우리는 GitHub가 기본적으로 모든 사용자에게 분배하는 2급 도메인을 가지게 되었다. 예를 들어 나의 GitHub 2급 도메인은http://xiaoyaoyou1212.github.io. 이 2급 도메인 이름이 생기면 GitHub의 무료 사이트를 이용하여 자신의 개인 사이트를 배치할 수 있다. 본고는 Hexo라는 정적 구조를 이용하여 자신의 개인 블로그를 구축하고자 한다. 만약에 당신이 자신의 CSDN 블로그를 가지고 있다면 GitHub의 무료 사이트를 중간 사이트로 삼아 이동할 수 있다. 구체적으로 다음과 같다. 1. 디렉터리에 새 폴더를 만들고,clone GitHub의 코드는 로컬에 도착하고 구체적인 명령은 다음과 같다. git clone https://github.com/xiaoyaoyou1212/xiaoyaoyou1212.github.io.git 이 실행의 전제는 로컬에git가 설치되어 있다는 것이다. 설치되지 않으면 다음과 같은 절차를 생략하고 뒤에 상세한 설명이 있다.2、새 index.html 파일, 이 파일의 내용은 다음과 같다(설명을 편리하게 하기 위해 점프 링크는 나의 CSDN 블로그이고 당신의 CSDN 블로그 주소로 바꾸면 된다).
    
    <html>
        <script>
        function browserRedirect() {
            var sUserAgent = navigator.userAgent.toLowerCase();
            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
            var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
            var bIsMidp = sUserAgent.match(/midp/i) == "midp";
            var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
            var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
            var bIsAndroid = sUserAgent.match(/android/i) == "android";
            var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
            var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
            if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
                window.location.href="http://blog.csdn.net/xiaoyaoyou1212";
            } else {
                window.location.href="http://m.blog.csdn.net/blog/index?username=xiaoyaoyou1212";
            }
        }
        browserRedirect();
        script>
        <body>
    
        body>
    html>

    3、로컬 파일 업로드 index.html에서 GitHub로 다음 명령을 순차적으로 수행합니다. 명령은 다음과 같습니다.
    git pull //  GitHub     ,         ,    
    git add . //             git    ,     “.”
    git commit -m "  "  //       git    
    git push //push     GitHub  

    4、GitHub에서 제공하는 2급 도메인 주소를 방문하면 CSDN 블로그 주소로 성공적으로 이동했는지 여부가 간단합니다.
    2. 도메인 이름 등록(선택 사항)
    아리운 서비스의 웹 사이트 열기:https://wanwang.aliyun.com, 자신이 등록하고 싶은 도메인이 존재하는지 조회합니다. 만약 이 도메인이 아직 등록되지 않았다면 축하합니다. 이 이름으로 신청할 수 있습니다.com 의 최고급 도메인 이름 을 처음 등록 첫해 비용 은 45 위안 을 싸 지 않 았 는지, 하하 이렇게 싸 기 때문에 지금 도메인 이름 을 찾 았 다.http://www.xiaoyaoyou1212.com길고 숫자도 많아서 규범에 맞지 않는 것 같지 않아요? 주로 이 계정이 자기가 많이 썼기 때문에 감정이 좀 있어요!자, 이렇게 많이 말했으니 이제 본격적으로 Hexo를 이용해 자신만의 개인 사이트를 만들자.
    3. brew 설치
    brew는 Homebrew라고도 부른다. Mac OSX의 패키지 관리 도구로 Mac에서 소프트웨어를 설치하거나 마운트 해제할 수 있다. 명령 하나만 있으면 매우 편리하다. brew는 ubuntu시스템의 apt-get과 비슷한 기능을 가진다.brew의 공식 사이트:http://brew.sh/공식 사이트에서 brew의 용법에 대해 상세하게 설명하였다.설치 방법: Mac에서 Termal을 열고 다음 명령을 입력합니다. ruby -e "$(curl -fsSL https://raw.github.com/mxcl/homebrew/go)".
    4. Git 설치
    brew가 설치되어 있기 때문에 이곳은 매우 간단합니다. 다음 명령만 실행하면 됩니다. brew install git, 설치가 끝난 후에 명령git --version으로 검증을 하고 git의 버전 번호를 출력하면git가 설치되었음을 설명하며 안심하고 사용할 수 있습니다!
    5. Node 설치
    node를 설치하기 전에 npm 도구를 설치해야 한다. npm는 node 가방 관리와 배달 도구로 비공식적으로 node 모듈(가방)을 발표하는 표준이 되었다. npm가 있으면 특정 서비스에 사용할 가방을 신속하게 찾을 수 있고 다운로드, 설치 및 관리에 설치된 가방을 설치할 수 있다.npm를 설치하는 명령은 다음과 같다. brew install npm, 설치가 끝난 후 명령npm -v을 사용하여 버전 번호를 표시하는지 확인할 수 있다.노드를 설치하는 명령은 다음과 같다. npm install -g node,-g는 전역 설치를 표시하고 마찬가지로 설치가 끝난 후에 명령node -v을 사용하여 검증할 수 있다.
    6. Hexo 설치
    명령npm install -g hexo을 입력하여 설치하고 설치가 끝난 후 디렉터리 새 폴더 블로그를 선택하여 블로그 디렉터리에 들어가 명령을 실행hexo init합니다. 앞으로 블로그라는 디렉터리는 전체 사이트의 루트 디렉터리이고 이후의 모든 작업은 이 디렉터리 아래에서 진행됩니다.명령을 실행하면hexo generate( hexo g) 정적 페이지를 생성하고 명령을 실행하면hexo server 서비스를 시작합니다. 브라우저에 입력하면http://localhost:4000 방문할 수 있습니다. 하지만 서두르지 마세요. 이것은 Hexo의 기본 스타일일 뿐이에요. 개성화된 설정을 해야 자신의 입맛에 맞잖아요!다음은 어떻게 일부 설정을 통해 개성화된 사이트 스타일을 만드는지 상세하게 설명한다.
    7. Hexo 구성
    인터넷에서 Hexo를 지원하는 주제를 많이 제공했는데 개인의 취향에 따라 하나를 선택할 수 있습니다. 저는 Yilia를 선택했습니다. 왜 이것을 선택했는지 첫눈에 가장 만족스러워서 선택했습니다. 다음은 Yilia 주제에 따라 설정한 설명을 하겠습니다.먼저 블로그 디렉터리에 들어가서 명령git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia을 실행하고 이 테마를 로컬로 다운로드하고 수정config.yml 중의 theme: yilia.다음은 yilia의 프로필입니다. 주석부호'#'은 마크다운에서 다른 용도로 사용되기 때문에 모두'//'로 교체하여 설명을 합니다. 주석에 따라 자신이 보여주고 싶은 효과로 수정할 수 있습니다. 만약에 다른 주제를 선택했다면 주제작가가 제공한 프로필에 따라 관련 설명을 수정할 수 있습니다. 사실은 모두 대동소이합니다.
    //Header
    menu:
        : /
          : /archives
        : /tags/  
        : /picture
    //SubNav
    subnav:
      github: "#"
      weibo: "#"
      rss: "#"
      //zhihu: "#"
      //douban: "#"
      //mail: "#"
      //facebook: "#"
      //google: "#"
      //twitter: "#"
      //linkedin: "#"
    rss: /atom.xml
    //Content
    excerpt_link: more
    fancybox: true
    mathjax: true
    //        
    animate: true
    //          
    open_in_new: false
    //Miscellaneous
    google_analytics: ''
    favicon: /favicon.png
    //    url
    avatar: 
    //      
    share_jia: true
    share_addthis: false
    //        ,              duoshuo: duoshuo-key
    //   disqus,    config     disqus_shortname,       
    duoshuo: true
    //       
    tagcloud: true
    //        
    //   ——
    //friends: false
    //  ——
    friends: true
    //    “   ”。
    //   ——
    //aboutme: false
    //  ——
    aboutme:     

    테마를 수정한 후 명령hexo g을 실행하여 배치하고 브라우저를 통해 입력할 수 있습니다http://localhost:4000, 로컬에서 이 테마의 효과를 볼 수 있습니다.더 많은 개성화된 설정은 이 글을 참고할 수 있습니다.http://ibruce.info/2013/11/22/hexo-your-blog/?utm_source=tuicool.
    8.배치 및 발표
    앞에서 설명한 것은 모두 현지에 따라 방문하는 것이다. 만약에 자신의 사이트를 GitHub에 배치하고 자신이 신청한 도메인 이름을 통해 방문할 수 있다면 관련 설정을 해야 한다.우선, 수정이 필요합니다config.yml 파일의 deploy 속성
    deploy: 
      type: git
      repo: https://github.com/xiaoyaoyou1212/xiaoyaoyou1212.github.io.git
      branch: master

    명령을 다시 집행npm install hexo-deployer-git --save;그런 다음 다음과 같이 SSH를 구성해야 합니다. 1.사용자 이름 설정:git config – global user.email “[email protected]config --global user.name "xxx" 2. 키 생성: ssh-keygen -t rsa -C "[email protected]"3.사용자 디렉토리로 이동합니다.ssh 디렉터리에 생성된 두 파일 idrsa와 idrsa.pub, 텍스트 편집기로 ssh. 열기pub 파일, 내용을 복사하여 GitHub Add SSH Key 4.검증을 위한 명령 실행ssh -T [email protected]5.명령hexo g을 실행하여 배치하고 명령hexo d을 실행하여 발표합니다. 발표에 성공한 후 브라우저에 Github의 2단계 도메인 이름을 입력하십시오. 예를 들어 다음과 같습니다.https://xiaoyaoyou1212.github.io게시한 사이트를 볼 수 있지만 신청한 1급 도메인을 통해 방문하려면 블로그의 소스 디렉터리에 새 CNAME 파일을 만들고 그 안에 도메인 주소를 입력해서 배치하고 발표하면 됩니다.첨부: 각 배포 단계는 다음 세 단계로 진행될 수 있습니다.
    hexo clean
    hexo generate
    hexo deploy

    공통 명령:
    hexo new"postName" #    
    hexo new page"pageName" #    
    hexo generate #       public  
    hexo server #        (    4000,'ctrl + c'  server)
    hexo deploy # .deploy     GitHub
    hexo help #     
    hexo version #  Hexo   

    공통 복합 명령:
    hexo deploy -g
    hexo server -g

    약자:
    hexo n == hexo new
    hexo g == hexo generate
    hexo s == hexo server
    hexo d == hexo deploy

    9. 자주 묻는 질문
  • ERROR Deployer not found:git 또는 ERRROR Deployer not found:github, 명령 실행npm install hexo-deployer-git --save;
  • ERROR Process failed: layout/.DS_Store, 그럼 테마에 들어가서layout과partial 디렉터리에서 삭제 명령rm -rf .DS_Store을 실행합니다.
  • ERROR Plugin load failed: hexo-server, 명령 실행: sudo npm install hexo-server;
  • hexo 서버 명령을 실행합니다. 프롬프트: Usage: hexo...,명령 실행: npm install hexo -server --save, 알림: [email protected] node_modules/hexo-server….,이때 다시 실행: hexo server;
  • 입력ssh -T [email protected]에 오류 메시지가 나타나면: Permission denied(publickey).새로 생성된 키가 ssh를 추가하지 못하면 github에 연결되지 않습니다.해결 방법은 다음과 같다. 먼저 입력ssh-agent하고 다시 입력ssh-add ~/.ssh/id_key하면 된다.그래도 안 되면 ssh-add ~/.ssh/id_key 명령을 입력한 후 오류 메시지가 표시됩니다. Could not open a connection to your authentication agent.해결 방법은 키가 Git Gui의 ssh 도구로 생성되는 것이다. 이렇게 생성될 때 키는 ssh에 직접 저장되고 ssh-add 명령을 추가할 필요가 없다. 다른user,token 등 설정은 모두 명령행으로 한다.복제idrsa.pub 파일의 내용에 빈 칸이나 빈 줄이 생기지 않았는지, 일부 편집기에서 추가해 줍니다.

  • 10. 참조 링크
  • http://ibruce.info/2013/11/22/hexo-your-blog/?utm_source=tuicool
  • http://www.jianshu.com/p/465830080ea9
  • http://blog.csdn.net/lmj623565791/article/details/51319147
  • 좋은 웹페이지 즐겨찾기